﻿<!DOCTYPE html>
<html lang="en">

<head>
    <title>Adminty - Premium Admin Template by Colorlib </title>
    <!-- HTML5 Shim and Respond.js IE10 support of HTML5 elements and media queries -->
    <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
    <!--[if lt IE 10]>
    <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
    <script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
    <![endif]-->
    <!-- Meta -->
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=0, minimal-ui">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="description" content="#">
    <meta name="keywords" content="Admin , Responsive, Landing, Bootstrap, App, Template, Mobile, iOS, Android, apple, creative app">
    <meta name="author" content="#">
    <!-- Favicon icon -->
    <link rel="icon" href="..\files\assets\images\favicon.ico" type="image/x-icon">
    <!-- Google font--><link href="https://fonts.googleapis.com/css?family=Open+Sans:400,600,800" rel="stylesheet">
    <!-- Required Fremwork -->
    <link rel="stylesheet" type="text/css" href="..\files\bower_components\bootstrap\css\bootstrap.min.css">
    <!-- themify-icons line icon -->
    <link rel="stylesheet" type="text/css" href="..\files\assets\icon\themify-icons\themify-icons.css">
    <!-- ico font -->
    <link rel="stylesheet" type="text/css" href="..\files\assets\icon\icofont\css\icofont.css">
    <!-- flag icon framework css -->
    <link rel="stylesheet" type="text/css" href="..\files\assets\icon\flag-icons\css\flag-icon.css">
    <!-- feather Awesome -->
    <link rel="stylesheet" type="text/css" href="..\files\assets\icon\feather\css\feather.css">
    <!-- Style.css -->
    <link rel="stylesheet" type="text/css" href="..\files\assets\css\style.css">




    <link rel="stylesheet" type="text/css" href="..\files\assets\css\jquery.mCustomScrollbar.css">
</head>

<body>
<!-- Pre-loader start -->
<div class="theme-loader">
    <div class="ball-scale">
        <div class='contain'>
            <div class="ring">
                <div class="frame"></div>
            </div>
            <div class="ring">
                <div class="frame"></div>
            </div>
            <div class="ring">
                <div class="frame"></div>
            </div>
            <div class="ring">
                <div class="frame"></div>
            </div>
            <div class="ring">
                <div class="frame"></div>
            </div>
            <div class="ring">
                <div class="frame"></div>
            </div>
            <div class="ring">
                <div class="frame"></div>
            </div>
            <div class="ring">
                <div class="frame"></div>
            </div>
            <div class="ring">
                <div class="frame"></div>
            </div>
            <div class="ring">
                <div class="frame"></div>
            </div>
        </div>
    </div>
</div>
<!-- Pre-loader end -->
<div id="pcoded" class="pcoded">
    <div class="pcoded-overlay-box"></div>
    <div class="pcoded-container navbar-wrapper">

        <nav class="navbar header-navbar pcoded-header">
            <div class="navbar-wrapper">

                <div class="navbar-logo">
                    <a class="mobile-menu" id="mobile-collapse" href="#!">
                        <i class="feather icon-menu"></i>
                    </a>
                    <a href="index-1.htm">
                        <img class="img-fluid" src="..\files\assets\images\logo.png" alt="Theme-Logo">
                    </a>
                    <a class="mobile-options">
                        <i class="feather icon-more-horizontal"></i>
                    </a>
                </div>

                <div class="navbar-container container-fluid">
                    <ul class="nav-left">
                        <li class="header-search">
                            <div class="main-search morphsearch-search">
                                <div class="input-group">
                                    <span class="input-group-addon search-close"><i class="feather icon-x"></i></span>
                                    <input type="text" class="form-control">
                                    <span class="input-group-addon search-btn"><i class="feather icon-search"></i></span>
                                </div>
                            </div>
                        </li>
                        <li>
                            <a href="#!" onclick="javascript:toggleFullScreen()">
                                <i class="feather icon-maximize full-screen"></i>
                            </a>
                        </li>
                    </ul>
                    <ul class="nav-right">
                        <li class="header-notification">
                            <div class="dropdown-primary dropdown">
                                <div class="dropdown-toggle" data-toggle="dropdown">
                                    <i class="feather icon-bell"></i>
                                    <span class="badge bg-c-pink">5</span>
                                </div>
                                <ul class="show-notification notification-view dropdown-menu" data-dropdown-in="fadeIn" data-dropdown-out="fadeOut">
                                    <li>
                                        <h6>Notifications</h6>
                                        <label class="label label-danger">New</label>
                                    </li>
                                    <li>
                                        <div class="media">
                                            <img class="d-flex align-self-center img-radius" src="..\files\assets\images\avatar-4.jpg" alt="Generic placeholder image">
                                            <div class="media-body">
                                                <h5 class="notification-user">John Doe</h5>
                                                <p class="notification-msg">Lorem ipsum dolor sit amet, consectetuer elit.</p>
                                                <span class="notification-time">30 minutes ago</span>
                                            </div>
                                        </div>
                                    </li>
                                    <li>
                                        <div class="media">
                                            <img class="d-flex align-self-center img-radius" src="..\files\assets\images\avatar-3.jpg" alt="Generic placeholder image">
                                            <div class="media-body">
                                                <h5 class="notification-user">Joseph William</h5>
                                                <p class="notification-msg">Lorem ipsum dolor sit amet, consectetuer elit.</p>
                                                <span class="notification-time">30 minutes ago</span>
                                            </div>
                                        </div>
                                    </li>
                                    <li>
                                        <div class="media">
                                            <img class="d-flex align-self-center img-radius" src="..\files\assets\images\avatar-4.jpg" alt="Generic placeholder image">
                                            <div class="media-body">
                                                <h5 class="notification-user">Sara Soudein</h5>
                                                <p class="notification-msg">Lorem ipsum dolor sit amet, consectetuer elit.</p>
                                                <span class="notification-time">30 minutes ago</span>
                                            </div>
                                        </div>
                                    </li>
                                </ul>
                            </div>
                        </li>
                        <li class="header-notification">
                            <div class="dropdown-primary dropdown">
                                <div class="displayChatbox dropdown-toggle" data-toggle="dropdown">
                                    <i class="feather icon-message-square"></i>
                                    <span class="badge bg-c-green">3</span>
                                </div>
                            </div>
                        </li>
                        <li class="user-profile header-notification">
                            <div class="dropdown-primary dropdown">
                                <div class="dropdown-toggle" data-toggle="dropdown">
                                    <img src="..\files\assets\images\avatar-4.jpg" class="img-radius" alt="User-Profile-Image">
                                    <span>John Doe</span>
                                    <i class="feather icon-chevron-down"></i>
                                </div>
                                <ul class="show-notification profile-notification dropdown-menu" data-dropdown-in="fadeIn" data-dropdown-out="fadeOut">
                                    <li>
                                        <a href="#!">
                                            <i class="feather icon-settings"></i> Settings
                                        </a>
                                    </li>
                                    <li>
                                        <a href="user-profile.htm">
                                            <i class="feather icon-user"></i> Profile
                                        </a>
                                    </li>
                                    <li>
                                        <a href="email-inbox.htm">
                                            <i class="feather icon-mail"></i> My Messages
                                        </a>
                                    </li>
                                    <li>
                                        <a href="auth-lock-screen.htm">
                                            <i class="feather icon-lock"></i> Lock Screen
                                        </a>
                                    </li>
                                    <li>
                                        <a href="auth-normal-sign-in.htm">
                                            <i class="feather icon-log-out"></i> Logout
                                        </a>
                                    </li>
                                </ul>

                            </div>
                        </li>
                    </ul>
                </div>
            </div>
        </nav>

        <!-- Sidebar chat start -->
        <div id="sidebar" class="users p-chat-user showChat">
            <div class="had-container">
                <div class="card card_main p-fixed users-main">
                    <div class="user-box">
                        <div class="chat-inner-header">
                            <div class="back_chatBox">
                                <div class="right-icon-control">
                                    <input type="text" class="form-control  search-text" placeholder="Search Friend" id="search-friends">
                                    <div class="form-icon">
                                        <i class="icofont icofont-search"></i>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="main-friend-list">
                            <div class="media userlist-box" data-id="1" data-status="online" data-username="Josephin Doe" data-toggle="tooltip" data-placement="left" title="Josephin Doe">
                                <a class="media-left" href="#!">
                                    <img class="media-object img-radius img-radius" src="..\files\assets\images\avatar-3.jpg" alt="Generic placeholder image ">
                                    <div class="live-status bg-success"></div>
                                </a>
                                <div class="media-body">
                                    <div class="f-13 chat-header">Josephin Doe</div>
                                </div>
                            </div>
                            <div class="media userlist-box" data-id="2" data-status="online" data-username="Lary Doe" data-toggle="tooltip" data-placement="left" title="Lary Doe">
                                <a class="media-left" href="#!">
                                    <img class="media-object img-radius" src="..\files\assets\images\avatar-2.jpg" alt="Generic placeholder image">
                                    <div class="live-status bg-success"></div>
                                </a>
                                <div class="media-body">
                                    <div class="f-13 chat-header">Lary Doe</div>
                                </div>
                            </div>
                            <div class="media userlist-box" data-id="3" data-status="online" data-username="Alice" data-toggle="tooltip" data-placement="left" title="Alice">
                                <a class="media-left" href="#!">
                                    <img class="media-object img-radius" src="..\files\assets\images\avatar-4.jpg" alt="Generic placeholder image">
                                    <div class="live-status bg-success"></div>
                                </a>
                                <div class="media-body">
                                    <div class="f-13 chat-header">Alice</div>
                                </div>
                            </div>
                            <div class="media userlist-box" data-id="4" data-status="online" data-username="Alia" data-toggle="tooltip" data-placement="left" title="Alia">
                                <a class="media-left" href="#!">
                                    <img class="media-object img-radius" src="..\files\assets\images\avatar-3.jpg" alt="Generic placeholder image">
                                    <div class="live-status bg-success"></div>
                                </a>
                                <div class="media-body">
                                    <div class="f-13 chat-header">Alia</div>
                                </div>
                            </div>
                            <div class="media userlist-box" data-id="5" data-status="online" data-username="Suzen" data-toggle="tooltip" data-placement="left" title="Suzen">
                                <a class="media-left" href="#!">
                                    <img class="media-object img-radius" src="..\files\assets\images\avatar-2.jpg" alt="Generic placeholder image">
                                    <div class="live-status bg-success"></div>
                                </a>
                                <div class="media-body">
                                    <div class="f-13 chat-header">Suzen</div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!-- Sidebar inner chat start-->
        <div class="showChat_inner">
            <div class="media chat-inner-header">
                <a class="back_chatBox">
                    <i class="feather icon-chevron-left"></i> Josephin Doe
                </a>
            </div>
            <div class="media chat-messages">
                <a class="media-left photo-table" href="#!">
                    <img class="media-object img-radius img-radius m-t-5" src="..\files\assets\images\avatar-3.jpg" alt="Generic placeholder image">
                </a>
                <div class="media-body chat-menu-content">
                    <div class="">
                        <p class="chat-cont">I'm just looking around. Will you tell me something about yourself?</p>
                        <p class="chat-time">8:20 a.m.</p>
                    </div>
                </div>
            </div>
            <div class="media chat-messages">
                <div class="media-body chat-menu-reply">
                    <div class="">
                        <p class="chat-cont">I'm just looking around. Will you tell me something about yourself?</p>
                        <p class="chat-time">8:20 a.m.</p>
                    </div>
                </div>
                <div class="media-right photo-table">
                    <a href="#!">
                        <img class="media-object img-radius img-radius m-t-5" src="..\files\assets\images\avatar-4.jpg" alt="Generic placeholder image">
                    </a>
                </div>
            </div>
            <div class="chat-reply-box p-b-20">
                <div class="right-icon-control">
                    <input type="text" class="form-control search-text" placeholder="Share Your Thoughts">
                    <div class="form-icon">
                        <i class="feather icon-navigation"></i>
                    </div>
                </div>
            </div>
        </div>
        <!-- Sidebar inner chat end-->
        <div class="pcoded-main-container">
            <div class="pcoded-wrapper">
                <nav class="pcoded-navbar">
                    <div class="pcoded-inner-navbar main-menu">
                        <div class="pcoded-navigatio-lavel">Navigation</div>
                        <ul class="pcoded-item pcoded-left-item">
                            <li class="pcoded-hasmenu">
                                <a href="javascript:void(0)">
                                    <span class="pcoded-micon"><i class="feather icon-home"></i></span>
                                    <span class="pcoded-mtext">Dashboard</span>
                                </a>
                                <ul class="pcoded-submenu">
                                    <li class="">
                                        <a href="index-1.htm">
                                            <span class="pcoded-mtext">Default</span>
                                        </a>
                                    </li>
                                    <li class="">
                                        <a href="dashboard-crm.htm">
                                            <span class="pcoded-mtext">CRM</span>
                                        </a>
                                    </li>
                                    <li class=" ">
                                        <a href="dashboard-analytics.htm">
                                            <span class="pcoded-mtext">Analytics</span>
                                            <span class="pcoded-badge label label-info ">NEW</span>
                                        </a>
                                    </li>
                                </ul>
                            </li>
                            <li class="pcoded-hasmenu">
                                <a href="javascript:void(0)">
                                    <span class="pcoded-micon"><i class="feather icon-sidebar"></i></span>
                                    <span class="pcoded-mtext">Page layouts</span>
                                    <span class="pcoded-badge label label-warning">NEW</span>
                                </a>
                                <ul class="pcoded-submenu">
                                    <li class=" pcoded-hasmenu">
                                        <a href="javascript:void(0)">
                                            <span class="pcoded-mtext">Vertical</span>
                                        </a>
                                        <ul class="pcoded-submenu">
                                            <li class=" ">
                                                <a href="menu-static.htm">
                                                    <span class="pcoded-mtext">Static Layout</span>
                                                </a>
                                            </li>
                                            <li class=" ">
                                                <a href="menu-header-fixed.htm">
                                                    <span class="pcoded-mtext">Header Fixed</span>
                                                </a>
                                            </li>
                                            <li class=" ">
                                                <a href="menu-compact.htm">
                                                    <span class="pcoded-mtext">Compact</span>
                                                </a>
                                            </li>
                                            <li class=" ">
                                                <a href="menu-sidebar.htm">
                                                    <span class="pcoded-mtext">Sidebar Fixed</span>
                                                </a>
                                            </li>

                                        </ul>
                                    </li>
                                    <li class=" pcoded-hasmenu">
                                        <a href="javascript:void(0)">
                                            <span class="pcoded-mtext">Horizontal</span>
                                        </a>
                                        <ul class="pcoded-submenu">
                                            <li class=" ">
                                                <a href="menu-horizontal-static.htm" target="_blank">
                                                    <span class="pcoded-mtext">Static Layout</span>
                                                </a>
                                            </li>
                                            <li class=" ">
                                                <a href="menu-horizontal-fixed.htm" target="_blank">
                                                    <span class="pcoded-mtext">Fixed layout</span>
                                                </a>
                                            </li>
                                            <li class=" ">
                                                <a href="menu-horizontal-icon.htm" target="_blank">
                                                    <span class="pcoded-mtext">Static With Icon</span>
                                                </a>
                                            </li>
                                            <li class=" ">
                                                <a href="menu-horizontal-icon-fixed.htm" target="_blank">
                                                    <span class="pcoded-mtext">Fixed With Icon</span>
                                                </a>
                                            </li>
                                        </ul>
                                    </li>
                                    <li class=" ">
                                        <a href="menu-bottom.htm">
                                            <span class="pcoded-mtext">Bottom Menu</span>
                                        </a>
                                    </li>
                                    <li class=" ">
                                        <a href="box-layout.htm" target="_blank">
                                            <span class="pcoded-mtext">Box Layout</span>
                                        </a>
                                    </li>
                                    <li class=" ">
                                        <a href="menu-rtl.htm" target="_blank">
                                            <span class="pcoded-mtext">RTL</span>
                                        </a>
                                    </li>
                                </ul>
                            </li>
                            <li class="">
                                <a href="navbar-light.htm">
                                    <span class="pcoded-micon"><i class="feather icon-menu"></i></span>
                                    <span class="pcoded-mtext">Navigation</span>
                                </a>
                            </li>
                            <li class="pcoded-hasmenu">
                                <a href="javascript:void(0)">
                                    <span class="pcoded-micon"><i class="feather icon-layers"></i></span>
                                    <span class="pcoded-mtext">Widget</span>
                                    <span class="pcoded-badge label label-danger">100+</span>
                                </a>
                                <ul class="pcoded-submenu">
                                    <li class="">
                                        <a href="widget-statistic.htm">
                                            <span class="pcoded-mtext">Statistic</span>
                                        </a>
                                    </li>
                                    <li class=" ">
                                        <a href="widget-data.htm">
                                            <span class="pcoded-mtext">Data</span>
                                        </a>
                                    </li>
                                    <li class="">
                                        <a href="widget-chart.htm">
                                            <span class="pcoded-mtext">Chart Widget</span>
                                        </a>
                                    </li>

                                </ul>
                            </li>
                        </ul>
                        <div class="pcoded-navigatio-lavel">UI Element</div>
                        <ul class="pcoded-item pcoded-left-item">
                            <li class="pcoded-hasmenu">
                                <a href="javascript:void(0)">
                                    <span class="pcoded-micon"><i class="feather icon-box"></i></span>
                                    <span class="pcoded-mtext">Basic Components</span>
                                </a>
                                <ul class="pcoded-submenu">
                                    <li class=" ">
                                        <a href="alert.htm">
                                            <span class="pcoded-mtext">Alert</span>
                                        </a>
                                    </li>
                                    <li class=" ">
                                        <a href="breadcrumb.htm">
                                            <span class="pcoded-mtext">Breadcrumbs</span>
                                        </a>
                                    </li>
                                    <li class=" ">
                                        <a href="button.htm">
                                            <span class="pcoded-mtext">Button</span>
                                        </a>
                                    </li>
                                    <li class=" ">
                                        <a href="box-shadow.htm">
                                            <span class="pcoded-mtext">Box-Shadow</span>
                                        </a>
                                    </li>
                                    <li class=" ">
                                        <a href="accordion.htm">
                                            <span class="pcoded-mtext">Accordion</span>
                                        </a>
                                    </li>
                                    <li class=" ">
                                        <a href="generic-class.htm">
                                            <span class="pcoded-mtext">Generic Class</span>
                                        </a>
                                    </li>
                                    <li class=" ">
                                        <a href="tabs.htm">
                                            <span class="pcoded-mtext">Tabs</span>
                                        </a>
                                    </li>
                                    <li class=" ">
                                        <a href="color.htm">
                                            <span class="pcoded-mtext">Color</span>
                                        </a>
                                    </li>
                                    <li class=" ">
                                        <a href="label-badge.htm">
                                            <span class="pcoded-mtext">Label Badge</span>
                                        </a>
                                    </li>
                                    <li class=" ">
                                        <a href="progress-bar.htm">
                                            <span class="pcoded-mtext">Progress Bar</span>
                                        </a>
                                    </li>
                                    <li class=" ">
                                        <a href="preloader.htm">
                                            <span class="pcoded-mtext">Pre-Loader</span>
                                        </a>
                                    </li>
                                    <li class=" ">
                                        <a href="list.htm">
                                            <span class="pcoded-mtext">List</span>
                                        </a>
                                    </li>
                                    <li class=" ">
                                        <a href="tooltip.htm">
                                            <span class="pcoded-mtext">Tooltip And Popover</span>
                                        </a>
                                    </li>
                                    <li class=" ">
                                        <a href="typography.htm">
                                            <span class="pcoded-mtext">Typography</span>
                                        </a>
                                    </li>
                                    <li class=" ">
                                        <a href="other.htm">
                                            <span class="pcoded-mtext">Other</span>
                                        </a>
                                    </li>
                                </ul>
                            </li>
                            <li class="pcoded-hasmenu">
                                <a href="javascript:void(0)">
                                    <span class="pcoded-micon"><i class="feather icon-gitlab"></i></span>
                                    <span class="pcoded-mtext">Advance Components</span>
                                </a>
                                <ul class="pcoded-submenu">
                                    <li class=" ">
                                        <a href="draggable.htm">
                                            <span class="pcoded-mtext">Draggable</span>
                                        </a>
                                    </li>
                                    <li class=" ">
                                        <a href="bs-grid.htm">
                                            <span class="pcoded-mtext">Grid Stack</span>
                                        </a>
                                    </li>
                                    <li class=" ">
                                        <a href="light-box.htm">
                                            <span class="pcoded-mtext">Light Box</span>
                                        </a>
                                    </li>
                                    <li class=" ">
                                        <a href="modal.htm">
                                            <span class="pcoded-mtext">Modal</span>
                                        </a>
                                    </li>
                                    <li class=" ">
                                        <a href="notification.htm">
                                            <span class="pcoded-mtext">Notifications</span>
                                        </a>
                                    </li>
                                    <li class=" ">
                                        <a href="notify.htm">
                                            <span class="pcoded-mtext">PNOTIFY</span>
                                            <span class="pcoded-badge label label-info">NEW</span>
                                        </a>
                                    </li>
                                    <li class=" ">
                                        <a href="rating.htm">
                                            <span class="pcoded-mtext">Rating</span>
                                        </a>
                                    </li>
                                    <li class=" ">
                                        <a href="range-slider.htm">
                                            <span class="pcoded-mtext">Range Slider</span>
                                        </a>
                                    </li>
                                    <li class=" ">
                                        <a href="slider.htm">
                                            <span class="pcoded-mtext">Slider</span>
                                        </a>
                                    </li>
                                    <li class=" ">
                                        <a href="syntax-highlighter.htm">
                                            <span class="pcoded-mtext">Syntax Highlighter</span>
                                        </a>
                                    </li>
                                    <li class=" ">
                                        <a href="tour.htm">
                                            <span class="pcoded-mtext">Tour</span>
                                        </a>
                                    </li>
                                    <li class=" ">
                                        <a href="treeview.htm">
                                            <span class="pcoded-mtext">Tree View</span>
                                        </a>
                                    </li>
                                    <li class=" ">
                                        <a href="nestable.htm">
                                            <span class="pcoded-mtext">Nestable</span>
                                        </a>
                                    </li>
                                    <li class=" ">
                                        <a href="toolbar.htm">
                                            <span class="pcoded-mtext">Toolbar</span>
                                        </a>
                                    </li>
                                    <li class=" ">
                                        <a href="x-editable.htm">
                                            <span class="pcoded-mtext">X-Editable</span>
                                        </a>
                                    </li>
                                </ul>
                            </li>
                            <li class="pcoded-hasmenu">
                                <a href="javascript:void(0)">
                                    <span class="pcoded-micon"><i class="feather icon-package"></i></span>
                                    <span class="pcoded-mtext">Extra Components</span>
                                </a>
                                <ul class="pcoded-submenu">
                                    <li class=" ">
                                        <a href="session-timeout.htm">
                                            <span class="pcoded-mtext">Session Timeout</span>
                                        </a>
                                    </li>
                                    <li class=" ">
                                        <a href="session-idle-timeout.htm">
                                            <span class="pcoded-mtext">Session Idle Timeout</span>
                                        </a>
                                    </li>
                                    <li class=" ">
                                        <a href="offline.htm">
                                            <span class="pcoded-mtext">Offline</span>
                                        </a>
                                    </li>

                                </ul>
                            </li>
                            <li class=" ">
                                <a href="animation.htm">
                                    <span class="pcoded-micon"><i class="feather icon-aperture rotate-refresh"></i><b>A</b></span>
                                    <span class="pcoded-mtext">Animations</span>
                                </a>
                            </li>
                            <li class=" ">
                                <a href="sticky.htm">
                                    <span class="pcoded-micon"><i class="feather icon-cpu"></i></span>
                                    <span class="pcoded-mtext">Sticky Notes</span>
                                    <span class="pcoded-badge label label-danger">HOT</span>
                                </a>
                            </li>
                            <li class="pcoded-hasmenu pcoded-trigger">
                                <a href="javascript:void(0)">
                                    <span class="pcoded-micon"><i class="feather icon-command"></i></span>
                                    <span class="pcoded-mtext">Icons</span>
                                </a>
                                <ul class="pcoded-submenu">
                                    <li class=" ">
                                        <a href="icon-font-awesome.htm">
                                            <span class="pcoded-mtext">Font Awesome</span>
                                        </a>
                                    </li>
                                    <li class=" ">
                                        <a href="icon-themify.htm">
                                            <span class="pcoded-mtext">Themify</span>
                                        </a>
                                    </li>
                                    <li class=" ">
                                        <a href="icon-simple-line.htm">
                                            <span class="pcoded-mtext">Simple Line Icon</span>
                                        </a>
                                    </li>
                                    <li class=" ">
                                        <a href="icon-ion.htm">
                                            <span class="pcoded-mtext">Ion Icon</span>
                                        </a>
                                    </li>
                                    <li class=" ">
                                        <a href="icon-material-design.htm">
                                            <span class="pcoded-mtext">Material Design</span>
                                        </a>
                                    </li>
                                    <li class=" ">
                                        <a href="icon-icofonts.htm">
                                            <span class="pcoded-mtext">Ico Fonts</span>
                                        </a>
                                    </li>
                                    <li class=" ">
                                        <a href="icon-weather.htm">
                                            <span class="pcoded-mtext">Weather Icon</span>
                                        </a>
                                    </li>
                                    <li class=" ">
                                        <a href="icon-typicons.htm">
                                            <span class="pcoded-mtext">Typicons</span>
                                        </a>
                                    </li>
                                    <li class="active">
                                        <a href="icon-flags.htm">
                                            <span class="pcoded-mtext">Flags</span>
                                        </a>
                                    </li>
                                </ul>
                            </li>
                        </ul>
                        <div class="pcoded-navigatio-lavel">Forms</div>
                        <ul class="pcoded-item pcoded-left-item">
                            <li class="pcoded-hasmenu">
                                <a href="javascript:void(0)">
                                    <span class="pcoded-micon"><i class="feather icon-clipboard"></i></span>
                                    <span class="pcoded-mtext">Form Components</span>
                                </a>
                                <ul class="pcoded-submenu">
                                    <li class=" ">
                                        <a href="form-elements-component.htm">
                                            <span class="pcoded-mtext">Form Components</span>
                                        </a>
                                    </li>
                                    <li class=" ">
                                        <a href="form-elements-add-on.htm">
                                            <span class="pcoded-mtext">Form-Elements-Add-On</span>
                                        </a>
                                    </li>
                                    <li class=" ">
                                        <a href="form-elements-advance.htm">
                                            <span class="pcoded-mtext">Form-Elements-Advance</span>
                                        </a>
                                    </li>
                                    <li class=" ">
                                        <a href="form-validation.htm">
                                            <span class="pcoded-mtext">Form Validation</span>
                                        </a>
                                    </li>
                                </ul>
                            </li>
                            <li class=" ">
                                <a href="form-picker.htm">
                                    <span class="pcoded-micon"><i class="feather icon-edit-1"></i></span>
                                    <span class="pcoded-mtext">Form Picker</span>
                                    <span class="pcoded-badge label label-warning">NEW</span>
                                </a>
                            </li>
                            <li class=" ">
                                <a href="form-select.htm">
                                    <span class="pcoded-micon"><i class="feather icon-feather"></i></span>
                                    <span class="pcoded-mtext">Form Select</span>
                                </a>
                            </li>
                            <li class=" ">
                                <a href="form-masking.htm">
                                    <span class="pcoded-micon"><i class="feather icon-shield"></i></span>
                                    <span class="pcoded-mtext">Form Masking</span>
                                </a>
                            </li>
                            <li class=" ">
                                <a href="form-wizard.htm">
                                    <span class="pcoded-micon"><i class="feather icon-tv"></i></span>
                                    <span class="pcoded-mtext">Form Wizard</span>
                                </a>
                            </li>
                            <li class="pcoded-hasmenu">
                                <a href="javascript:void(0)">
                                    <span class="pcoded-micon"><i class="feather icon-book"></i></span>
                                    <span class="pcoded-mtext">Ready To Use</span>
                                    <span class="pcoded-badge label label-danger">HOT</span>
                                </a>
                                <ul class="pcoded-submenu">
                                    <li class=" ">
                                        <a href="ready-cloned-elements-form.htm">
                                            <span class="pcoded-mtext">Cloned Elements Form</span>
                                        </a>
                                    </li>
                                    <li class=" ">
                                        <a href="ready-currency-form.htm">
                                            <span class="pcoded-mtext">Currency Form</span>
                                        </a>
                                    </li>
                                    <li class=" ">
                                        <a href="ready-form-booking.htm">
                                            <span class="pcoded-mtext">Booking Form</span>
                                        </a>
                                    </li>
                                    <li class=" ">
                                        <a href="ready-form-booking-multi-steps.htm">
                                            <span class="pcoded-mtext">Booking Multi Steps Form</span>
                                        </a>
                                    </li>
                                    <li class=" ">
                                        <a href="ready-form-comment.htm">
                                            <span class="pcoded-mtext">Comment Form</span>
                                        </a>
                                    </li>
                                    <li class=" ">
                                        <a href="ready-form-contact.htm">
                                            <span class="pcoded-mtext">Contact Form</span>
                                        </a>
                                    </li>
                                    <li class=" ">
                                        <a href="ready-job-application-form.htm">
                                            <span class="pcoded-mtext">Job Application Form</span>
                                        </a>
                                    </li>
                                    <li class=" ">
                                        <a href="ready-js-addition-form.htm">
                                            <span class="pcoded-mtext">JS Addition Form</span>
                                        </a>
                                    </li>
                                    <li class=" ">
                                        <a href="ready-login-form.htm">
                                            <span class="pcoded-mtext">Login Form</span>
                                        </a>
                                    </li>
                                    <li class=" ">
                                        <a href="ready-popup-modal-form.htm" target="_blank">
                                            <span class="pcoded-mtext">Popup Modal Form</span>
                                        </a>
                                    </li>
                                    <li class=" ">
                                        <a href="ready-registration-form.htm">
                                            <span class="pcoded-mtext">Registration Form</span>
                                        </a>
                                    </li>
                                    <li class=" ">
                                        <a href="ready-review-form.htm">
                                            <span class="pcoded-mtext">Review Form</span>
                                        </a>
                                    </li>
                                    <li class=" ">
                                        <a href="ready-subscribe-form.htm">
                                            <span class="pcoded-mtext">Subscribe Form</span>
                                        </a>
                                    </li>
                                    <li class=" ">
                                        <a href="ready-suggestion-form.htm">
                                            <span class="pcoded-mtext">Suggestion Form</span>
                                        </a>
                                    </li>
                                    <li class=" ">
                                        <a href="ready-tabs-form.htm">
                                            <span class="pcoded-mtext">Tabs Form</span>
                                        </a>
                                    </li>
                                </ul>
                            </li>
                        </ul>
                        <div class="pcoded-navigatio-lavel">Tables</div>
                        <ul class="pcoded-item pcoded-left-item">
                            <li class="pcoded-hasmenu">
                                <a href="javascript:void(0)">
                                    <span class="pcoded-micon"><i class="feather icon-credit-card"></i></span>
                                    <span class="pcoded-mtext">Bootstrap Table</span>
                                </a>
                                <ul class="pcoded-submenu">
                                    <li class=" ">
                                        <a href="bs-basic-table.htm">
                                            <span class="pcoded-mtext">Basic Table</span>
                                        </a>
                                    </li>
                                    <li class=" ">
                                        <a href="bs-table-sizing.htm">
                                            <span class="pcoded-mtext">Sizing Table</span>
                                        </a>
                                    </li>
                                    <li class=" ">
                                        <a href="bs-table-border.htm">
                                            <span class="pcoded-mtext">Border Table</span>
                                        </a>
                                    </li>
                                    <li class=" ">
                                        <a href="bs-table-styling.htm">
                                            <span class="pcoded-mtext">Styling Table</span>
                                        </a>
                                    </li>
                                </ul>
                            </li>
                            <li class="pcoded-hasmenu">
                                <a href="javascript:void(0)">
                                    <span class="pcoded-micon"><i class="feather icon-inbox"></i></span>
                                    <span class="pcoded-mtext">Data Table</span>
                                    <span class="pcoded-mcaret"></span>
                                </a>
                                <ul class="pcoded-submenu">
                                    <li class=" ">
                                        <a href="dt-basic.htm">
                                            <span class="pcoded-mtext">Basic Initialization</span>
                                        </a>
                                    </li>
                                    <li class=" ">
                                        <a href="dt-advance.htm">
                                            <span class="pcoded-mtext">Advance Initialization</span>
                                        </a>
                                    </li>
                                    <li class=" ">
                                        <a href="dt-styling.htm">
                                            <span class="pcoded-mtext">Styling</span>
                                        </a>
                                    </li>
                                    <li class=" ">
                                        <a href="dt-api.htm">
                                            <span class="pcoded-mtext">API</span>
                                        </a>
                                    </li>
                                    <li class=" ">
                                        <a href="dt-ajax.htm">
                                            <span class="pcoded-mtext">Ajax</span>
                                        </a>
                                    </li>
                                    <li class=" ">
                                        <a href="dt-server-side.htm">
                                            <span class="pcoded-mtext">Server Side</span>
                                        </a>
                                    </li>
                                    <li class=" ">
                                        <a href="dt-plugin.htm">
                                            <span class="pcoded-mtext">Plug-In</span>
                                        </a>
                                    </li>
                                    <li class=" ">
                                        <a href="dt-data-sources.htm">
                                            <span class="pcoded-mtext">Data Sources</span>
                                        </a>
                                    </li>

                                </ul>
                            </li>
                            <li class="pcoded-hasmenu">
                                <a href="javascript:void(0)">
                                    <span class="pcoded-micon"><i class="feather icon-server"></i></span>
                                    <span class="pcoded-mtext">Data Table Extensions</span>
                                </a>
                                <ul class="pcoded-submenu">
                                    <li class=" ">
                                        <a href="dt-ext-autofill.htm">
                                            <span class="pcoded-mtext">AutoFill</span>
                                        </a>
                                    </li>
                                    <li class="pcoded-hasmenu">
                                        <a href="javascript:void(0)">
                                            <span class="pcoded-mtext">Button</span>
                                        </a>
                                        <ul class="pcoded-submenu">
                                            <li class=" ">
                                                <a href="dt-ext-basic-buttons.htm">
                                                    <span class="pcoded-mtext">Basic Button</span>
                                                </a>
                                            </li>
                                            <li class=" ">
                                                <a href="dt-ext-buttons-html-5-data-export.htm">
                                                    <span class="pcoded-mtext">Html-5 Data Export</span>
                                                </a>
                                            </li>
                                        </ul>
                                    </li>
                                    <li class=" ">
                                        <a href="dt-ext-col-reorder.htm">
                                            <span class="pcoded-mtext">Col Reorder</span>
                                        </a>
                                    </li>
                                    <li class=" ">
                                        <a href="dt-ext-fixed-columns.htm">
                                            <span class="pcoded-mtext">Fixed Columns</span>
                                        </a>
                                    </li>
                                    <li class=" ">
                                        <a href="dt-ext-fixed-header.htm">
                                            <span class="pcoded-mtext">Fixed Header</span>
                                        </a>
                                    </li>
                                    <li class=" ">
                                        <a href="dt-ext-key-table.htm">
                                            <span class="pcoded-mtext">Key Table</span>
                                        </a>
                                    </li>
                                    <li class=" ">
                                        <a href="dt-ext-responsive.htm">
                                            <span class="pcoded-mtext">Responsive</span>
                                        </a>
                                    </li>
                                    <li class=" ">
                                        <a href="dt-ext-row-reorder.htm">
                                            <span class="pcoded-mtext">Row Reorder</span>
                                        </a>
                                    </li>
                                    <li class=" ">
                                        <a href="dt-ext-scroller.htm">
                                            <span class="pcoded-mtext">Scroller</span>
                                        </a>
                                    </li>
                                    <li class=" ">
                                        <a href="dt-ext-select.htm">
                                            <span class="pcoded-mtext">Select Table</span>
                                        </a>
                                    </li>
                                </ul>
                            </li>
                            <li class=" ">
                                <a href="foo-table.htm">
                                    <span class="pcoded-micon"><i class="feather icon-hash"></i></span>
                                    <span class="pcoded-mtext">FooTable</span>
                                </a>
                            </li>
                            <li class="pcoded-hasmenu ">
                                <a href="javascript:void(0)">
                                    <span class="pcoded-micon"><i class="feather icon-airplay"></i></span>
                                    <span class="pcoded-mtext">Handson Table</span>
                                </a>
                                <ul class="pcoded-submenu">
                                    <li class="">
                                        <a href="handson-appearance.htm">
                                            <span class="pcoded-mtext">Appearance</span>
                                        </a>
                                    </li>
                                    <li class="">
                                        <a href="handson-data-operation.htm">
                                            <span class="pcoded-mtext">Data Operation</span>
                                        </a>
                                    </li>
                                    <li class="">
                                        <a href="handson-rows-cols.htm">
                                            <span class="pcoded-mtext">Rows Columns</span>
                                        </a>
                                    </li>
                                    <li class="">
                                        <a href="handson-columns-only.htm">
                                            <span class="pcoded-mtext">Columns Only</span>
                                        </a>
                                    </li>
                                    <li class="">
                                        <a href="handson-cell-features.htm">
                                            <span class="pcoded-mtext">Cell Features</span>
                                        </a>
                                    </li>
                                    <li class="">
                                        <a href="handson-cell-types.htm">
                                            <span class="pcoded-mtext">Cell Types</span>
                                        </a>
                                    </li>
                                    <li class="">
                                        <a href="handson-integrations.htm">
                                            <span class="pcoded-mtext">Integrations</span>
                                        </a>
                                    </li>
                                    <li class="">
                                        <a href="handson-rows-only.htm">
                                            <span class="pcoded-mtext">Rows Only</span>
                                        </a>
                                    </li>
                                    <li class="">
                                        <a href="handson-utilities.htm">
                                            <span class="pcoded-mtext">Utilities</span>
                                        </a>
                                    </li>
                                </ul>
                            </li>
                            <li class="">
                                <a href="editable-table.htm">
                                    <span class="pcoded-micon"><i class="feather icon-edit"></i></span>
                                    <span class="pcoded-mtext">Editable Table</span>
                                </a>
                            </li>
                        </ul>
                        <div class="pcoded-navigatio-lavel">Chart And Maps</div>
                        <ul class="pcoded-item pcoded-left-item">
                            <li class="pcoded-hasmenu ">
                                <a href="javascript:void(0)">
                                    <span class="pcoded-micon"><i class="feather icon-pie-chart"></i></span>
                                    <span class="pcoded-mtext">Charts</span>
                                </a>
                                <ul class="pcoded-submenu">
                                    <li class="">
                                        <a href="chart-google.htm">
                                            <span class="pcoded-mtext">Google Chart</span>
                                        </a>
                                    </li>
                                    <li class="">
                                        <a href="chart-echart.htm">
                                            <span class="pcoded-mtext">Echarts</span>
                                        </a>
                                    </li>
                                    <li class="">
                                        <a href="chart-chartjs.htm">
                                            <span class="pcoded-mtext">ChartJs</span>
                                        </a>
                                    </li>
                                    <li class="">
                                        <a href="chart-list.htm">
                                            <span class="pcoded-mtext">List Chart</span>
                                        </a>
                                    </li>
                                    <li class="">
                                        <a href="chart-float.htm">
                                            <span class="pcoded-mtext">Float Chart</span>
                                        </a>
                                    </li>
                                    <li class="">
                                        <a href="chart-knob.htm">
                                            <span class="pcoded-mtext">Knob chart</span>
                                        </a>
                                    </li>
                                    <li class="">
                                        <a href="chart-morris.htm">
                                            <span class="pcoded-mtext">Morris Chart</span>
                                        </a>
                                    </li>
                                    <li class="">
                                        <a href="chart-nvd3.htm">
                                            <span class="pcoded-mtext">Nvd3 Chart</span>
                                        </a>
                                    </li>
                                    <li class="">
                                        <a href="chart-peity.htm">
                                            <span class="pcoded-mtext">Peity Chart</span>
                                        </a>
                                    </li>
                                    <li class="">
                                        <a href="chart-radial.htm">
                                            <span class="pcoded-mtext">Radial Chart</span>
                                        </a>
                                    </li>
                                    <li class="">
                                        <a href="chart-rickshaw.htm">
                                            <span class="pcoded-mtext">Rickshaw Chart</span>
                                        </a>
                                    </li>
                                    <li class="">
                                        <a href="chart-sparkline.htm">
                                            <span class="pcoded-mtext">Sparkline Chart</span>
                                        </a>
                                    </li>
                                    <li class="">
                                        <a href="chart-c3.htm">
                                            <span class="pcoded-mtext">C3 Chart</span>
                                        </a>
                                    </li>
                                </ul>
                            </li>
                            <li class="pcoded-hasmenu ">
                                <a href="javascript:void(0)">
                                    <span class="pcoded-micon"><i class="feather icon-map"></i></span>
                                    <span class="pcoded-mtext">Maps</span>
                                </a>
                                <ul class="pcoded-submenu">
                                    <li class="">
                                        <a href="map-google.htm">
                                            <span class="pcoded-mtext">Google Maps</span>
                                        </a>
                                    </li>
                                    <li class="">
                                        <a href="map-vector.htm">
                                            <span class="pcoded-mtext">Vector Maps</span>
                                        </a>
                                    </li>
                                    <li class="">
                                        <a href="map-api.htm">
                                            <span class="pcoded-mtext">Google Map Search API</span>
                                        </a>
                                    </li>
                                    <li class="">
                                        <a href="location.htm">
                                            <span class="pcoded-mtext">Location</span>
                                        </a>
                                    </li>
                                </ul>
                            </li>
                            <li class="">
                                <a href="..\files\extra-pages\landingpage\index.htm" target="_blank">
                                    <span class="pcoded-micon"><i class="feather icon-navigation-2"></i></span>
                                    <span class="pcoded-mtext">Landing Page</span>
                                </a>
                            </li>
                        </ul>
                        <div class="pcoded-navigatio-lavel">Pages</div>
                        <ul class="pcoded-item pcoded-left-item">
                            <li class="pcoded-hasmenu ">
                                <a href="javascript:void(0)">
                                    <span class="pcoded-micon"><i class="feather icon-unlock"></i></span>
                                    <span class="pcoded-mtext">Authentication</span>
                                </a>
                                <ul class="pcoded-submenu">
                                    <li class="">
                                        <a href="auth-normal-sign-in.htm" target="_blank">
                                            <span class="pcoded-mtext">Login With BG Image</span>
                                        </a>
                                    </li>
                                    <li class="">
                                        <a href="auth-sign-in-social.htm" target="_blank">
                                            <span class="pcoded-mtext">Login With Social Icon</span>
                                        </a>
                                    </li>
                                    <li class="">
                                        <a href="auth-sign-in-social-header-footer.htm" target="_blank">
                                            <span class="pcoded-mtext">Login Social With Header And Footer</span>
                                        </a>
                                    </li>
                                    <li class="">
                                        <a href="auth-normal-sign-in-header-footer.htm" target="_blank">
                                            <span class="pcoded-mtext">Login With Header And Footer</span>
                                        </a>
                                    </li>
                                    <li class="">
                                        <a href="auth-sign-up.htm" target="_blank">
                                            <span class="pcoded-mtext">Registration BG Image</span>
                                        </a>
                                    </li>
                                    <li class="">
                                        <a href="auth-sign-up-social.htm" target="_blank">
                                            <span class="pcoded-mtext">Registration Social Icon</span>
                                        </a>
                                    </li>
                                    <li class="">
                                        <a href="auth-sign-up-social-header-footer.htm" target="_blank">
                                            <span class="pcoded-mtext">Registration Social With Header And Footer</span>
                                        </a>
                                    </li>
                                    <li class="">
                                        <a href="auth-sign-up-header-footer.htm" target="_blank">
                                            <span class="pcoded-mtext">Registration With Header And Footer</span>
                                        </a>
                                    </li>
                                    <li class="">
                                        <a href="auth-multi-step-sign-up.htm" target="_blank">
                                            <span class="pcoded-mtext">Multi Step Registration</span>
                                        </a>
                                    </li>
                                    <li class="">
                                        <a href="auth-reset-password.htm" target="_blank">
                                            <span class="pcoded-mtext">Forgot Password</span>
                                        </a>
                                    </li>
                                    <li class="">
                                        <a href="auth-lock-screen.htm" target="_blank">
                                            <span class="pcoded-mtext">Lock Screen</span>
                                        </a>
                                    </li>
                                    <li class="">
                                        <a href="auth-modal.htm" target="_blank">
                                            <span class="pcoded-mtext">Modal</span>
                                        </a>
                                    </li>
                                </ul>
                            </li>
                            <li class="pcoded-hasmenu ">
                                <a href="javascript:void(0)">
                                    <span class="pcoded-micon"><i class="feather icon-sliders"></i></span>
                                    <span class="pcoded-mtext">Maintenance</span>
                                </a>
                                <ul class="pcoded-submenu">
                                    <li class="">
                                        <a href="error.htm">
                                            <span class="pcoded-mtext">Error</span>
                                        </a>
                                    </li>
                                    <li class="">
                                        <a href="comming-soon.htm">
                                            <span class="pcoded-mtext">Comming Soon</span>
                                        </a>
                                    </li>
                                    <li class="">
                                        <a href="offline-ui.htm">
                                            <span class="pcoded-mtext">Offline UI</span>
                                        </a>
                                    </li>
                                </ul>
                            </li>
                            <li class="pcoded-hasmenu ">
                                <a href="javascript:void(0)">
                                    <span class="pcoded-micon"><i class="feather icon-users"></i></span>
                                    <span class="pcoded-mtext">User Profile</span>
                                </a>
                                <ul class="pcoded-submenu">
                                    <li class="">
                                        <a href="timeline.htm">
                                            <span class="pcoded-mtext">Timeline</span>
                                        </a>
                                    </li>
                                    <li class="">
                                        <a href="timeline-social.htm">
                                            <span class="pcoded-mtext">Timeline Social</span>
                                        </a>
                                    </li>
                                    <li class="">
                                        <a href="user-profile.htm">
                                            <span class="pcoded-mtext">User Profile</span>
                                        </a>
                                    </li>
                                    <li class="">
                                        <a href="user-card.htm">
                                            <span class="pcoded-mtext">User Card</span>
                                        </a>
                                    </li>
                                </ul>
                            </li>
                            <li class="pcoded-hasmenu ">
                                <a href="javascript:void(0)">
                                    <span class="pcoded-micon"><i class="feather icon-shopping-cart"></i></span>
                                    <span class="pcoded-mtext">E-Commerce</span>
                                    <span class="pcoded-badge label label-danger">NEW</span>
                                </a>
                                <ul class="pcoded-submenu">
                                    <li class="">
                                        <a href="product.htm">
                                            <span class="pcoded-mtext">Product</span>
                                        </a>
                                    </li>
                                    <li class="">
                                        <a href="product-list.htm">
                                            <span class="pcoded-mtext">Product List</span>
                                        </a>
                                    </li>
                                    <li class="">
                                        <a href="product-edit.htm">
                                            <span class="pcoded-mtext">Product Edit</span>
                                        </a>
                                    </li>
                                    <li class="">
                                        <a href="product-detail.htm">
                                            <span class="pcoded-mtext">Product Detail</span>
                                        </a>
                                    </li>
                                    <li class="">
                                        <a href="product-cart.htm">
                                            <span class="pcoded-mtext">Product Card</span>
                                        </a>
                                    </li>
                                    <li class="">
                                        <a href="product-payment.htm">
                                            <span class="pcoded-mtext">Credit Card Form</span>
                                        </a>
                                    </li>
                                </ul>
                            </li>
                            <li class="pcoded-hasmenu ">
                                <a href="javascript:void(0)">
                                    <span class="pcoded-micon"><i class="feather icon-mail"></i></span>
                                    <span class="pcoded-mtext">Email</span>
                                </a>
                                <ul class="pcoded-submenu">
                                    <li class="">
                                        <a href="email-compose.htm">
                                            <span class="pcoded-mtext">Compose Email</span>
                                        </a>
                                    </li>
                                    <li class="">
                                        <a href="email-inbox.htm">
                                            <span class="pcoded-mtext">Inbox</span>
                                        </a>
                                    </li>
                                    <li class="">
                                        <a href="email-read.htm">
                                            <span class="pcoded-mtext">Read Mail</span>
                                        </a>
                                    </li>
                                    <li class="pcoded-hasmenu ">
                                        <a href="javascript:void(0)">
                                            <span class="pcoded-mtext">Email Template</span>
                                        </a>
                                        <ul class="pcoded-submenu">
                                            <li class="">
                                                <a href="..\files\extra-pages\email-templates\email-welcome.htm">
                                                    <span class="pcoded-mtext">Welcome Email</span>
                                                </a>
                                            </li>
                                            <li class="">
                                                <a href="..\files\extra-pages\email-templates\email-password.htm">
                                                    <span class="pcoded-mtext">Reset Password</span>
                                                </a>
                                            </li>
                                            <li class="">
                                                <a href="..\files\extra-pages\email-templates\email-newsletter.htm">
                                                    <span class="pcoded-mtext">Newsletter Email</span>
                                                </a>
                                            </li>
                                            <li class="">
                                                <a href="..\files\extra-pages\email-templates\email-launch.htm">
                                                    <span class="pcoded-mtext">App Launch</span>
                                                </a>
                                            </li>
                                            <li class="">
                                                <a href="..\files\extra-pages\email-templates\email-activation.htm">
                                                    <span class="pcoded-mtext">Activation Code</span>
                                                </a>
                                            </li>
                                        </ul>
                                    </li>
                                </ul>
                            </li>
                        </ul>
                        <div class="pcoded-navigatio-lavel">App</div>
                        <ul class="pcoded-item pcoded-left-item">
                            <li class=" ">
                                <a href="chat.htm">
                                    <span class="pcoded-micon"><i class="feather icon-message-square"></i></span>
                                    <span class="pcoded-mtext">Chat</span>
                                </a>
                            </li>
                            <li class="pcoded-hasmenu ">
                                <a href="javascript:void(0)">
                                    <span class="pcoded-micon"><i class="feather icon-globe"></i></span>
                                    <span class="pcoded-mtext">Social</span>
                                </a>
                                <ul class="pcoded-submenu">
                                    <li class="">
                                        <a href="fb-wall.htm">
                                            <span class="pcoded-mtext">Wall</span>
                                        </a>
                                    </li>
                                    <li class="">
                                        <a href="message.htm">
                                            <span class="pcoded-mtext">Messages</span>
                                        </a>
                                    </li>
                                </ul>
                            </li>
                            <li class="pcoded-hasmenu ">
                                <a href="javascript:void(0)">
                                    <span class="pcoded-micon"><i class="feather icon-check-circle"></i></span>
                                    <span class="pcoded-mtext">Task</span>
                                </a>
                                <ul class="pcoded-submenu">
                                    <li class="">
                                        <a href="task-list.htm">
                                            <span class="pcoded-mtext">Task List</span>
                                        </a>
                                    </li>
                                    <li class="">
                                        <a href="task-board.htm">
                                            <span class="pcoded-mtext">Task Board</span>
                                        </a>
                                    </li>
                                    <li class="">
                                        <a href="task-detail.htm">
                                            <span class="pcoded-mtext">Task Detail</span>
                                        </a>
                                    </li>
                                    <li class="">
                                        <a href="issue-list.htm">
                                            <span class="pcoded-mtext">Issue List</span>
                                        </a>
                                    </li>
                                </ul>
                            </li>
                            <li class="pcoded-hasmenu ">
                                <a href="javascript:void(0)">
                                    <span class="pcoded-micon"><i class="feather icon-bookmark"></i></span>
                                    <span class="pcoded-mtext">To-Do</span>
                                </a>
                                <ul class="pcoded-submenu">
                                    <li class="">
                                        <a href="todo.htm">
                                            <span class="pcoded-mtext">To-Do</span>
                                        </a>
                                    </li>
                                    <li class="">
                                        <a href="notes.htm">
                                            <span class="pcoded-mtext">Notes</span>
                                        </a>
                                    </li>
                                </ul>
                            </li>
                            <li class="pcoded-hasmenu ">
                                <a href="javascript:void(0)">
                                    <span class="pcoded-micon"><i class="feather icon-image"></i></span>
                                    <span class="pcoded-mtext">Gallery</span>
                                </a>
                                <ul class="pcoded-submenu">
                                    <li class="">
                                        <a href="gallery-grid.htm">
                                            <span class="pcoded-mtext">Gallery-Grid</span>
                                        </a>
                                    </li>
                                    <li class="">
                                        <a href="gallery-masonry.htm">
                                            <span class="pcoded-mtext">Masonry Gallery</span>
                                        </a>
                                    </li>
                                    <li class="">
                                        <a href="gallery-advance.htm">
                                            <span class="pcoded-mtext">Advance Gallery</span>
                                        </a>
                                    </li>
                                </ul>
                            </li>
                            <li class="pcoded-hasmenu ">
                                <a href="javascript:void(0)">
                                    <span class="pcoded-micon"><i class="feather icon-search"></i><b>S</b></span>
                                    <span class="pcoded-mtext">Search</span>
                                </a>
                                <ul class="pcoded-submenu">
                                    <li class="">
                                        <a href="search-result.htm">
                                            <span class="pcoded-mtext">Simple Search</span>
                                        </a>
                                    </li>
                                    <li class="">
                                        <a href="search-result2.htm">
                                            <span class="pcoded-mtext">Grouping Search</span>
                                        </a>
                                    </li>
                                </ul>
                            </li>
                            <li class="pcoded-hasmenu ">
                                <a href="javascript:void(0)">
                                    <span class="pcoded-micon"><i class="feather icon-award"></i></span>
                                    <span class="pcoded-mtext">Job Search</span>
                                    <span class="pcoded-badge label label-danger">NEW</span>
                                </a>
                                <ul class="pcoded-submenu">
                                    <li class="">
                                        <a href="job-card-view.htm">
                                            <span class="pcoded-mtext">Card View</span>
                                        </a>
                                    </li>
                                    <li class="">
                                        <a href="job-details.htm">
                                            <span class="pcoded-mtext">Job Detailed</span>
                                        </a>
                                    </li>
                                    <li class="">
                                        <a href="job-find.htm">
                                            <span class="pcoded-mtext">Job Find</span>
                                        </a>
                                    </li>
                                    <li class="">
                                        <a href="job-panel-view.htm">
                                            <span class="pcoded-mtext">Job Panel View</span>
                                        </a>
                                    </li>
                                </ul>
                            </li>
                        </ul>
                        <div class="pcoded-navigatio-lavel">Extension</div>
                        <ul class="pcoded-item pcoded-left-item">
                            <li class="pcoded-hasmenu ">
                                <a href="javascript:void(0)">
                                    <span class="pcoded-micon"><i class="feather icon-file-plus"></i></span>
                                    <span class="pcoded-mtext">Editor</span>
                                </a>
                                <ul class="pcoded-submenu">
                                    <li class="">
                                        <a href="ck-editor.htm">
                                            <span class="pcoded-mtext">CK-Editor</span>
                                        </a>
                                    </li>
                                    <li class="">
                                        <a href="wysiwyg-editor.htm">
                                            <span class="pcoded-mtext">WYSIWYG Editor</span>
                                        </a>
                                    </li>
                                    <li class="">
                                        <a href="ace-editor.htm">
                                            <span class="pcoded-mtext">Ace Editor</span>
                                        </a>
                                    </li>
                                    <li class="">
                                        <a href="long-press-editor.htm">
                                            <span class="pcoded-mtext">Long Press Editor</span>
                                        </a>
                                    </li>
                                </ul>
                            </li>
                        </ul>
                        <ul class="pcoded-item pcoded-left-item">
                            <li class="pcoded-hasmenu ">
                                <a href="javascript:void(0)">
                                    <span class="pcoded-micon"><i class="feather icon-file-minus"></i></span>
                                    <span class="pcoded-mtext">Invoice</span>
                                </a>
                                <ul class="pcoded-submenu">
                                    <li class="">
                                        <a href="invoice.htm">
                                            <span class="pcoded-mtext">Invoice</span>
                                        </a>
                                    </li>
                                    <li class="">
                                        <a href="invoice-summary.htm">
                                            <span class="pcoded-mtext">Invoice Summary</span>
                                        </a>
                                    </li>
                                    <li class="">
                                        <a href="invoice-list.htm">
                                            <span class="pcoded-mtext">Invoice List</span>
                                        </a>
                                    </li>
                                </ul>
                            </li>
                            <li class="pcoded-hasmenu ">
                                <a href="javascript:void(0)">
                                    <span class="pcoded-micon"><i class="feather icon-calendar"></i></span>
                                    <span class="pcoded-mtext">Event Calendar</span>
                                </a>
                                <ul class="pcoded-submenu">
                                    <li class="">
                                        <a href="event-full-calender.htm">
                                            <span class="pcoded-mtext">Full Calendar</span>
                                        </a>
                                    </li>
                                    <li class="">
                                        <a href="event-clndr.htm">
                                            <span class="pcoded-mtext">CLNDER</span>
                                            <span class="pcoded-badge label label-info">NEW</span>
                                        </a>
                                    </li>
                                </ul>
                            </li>
                            <li class="">
                                <a href="image-crop.htm">
                                    <span class="pcoded-micon"><i class="feather icon-scissors"></i></span>
                                    <span class="pcoded-mtext">Image Cropper</span>
                                </a>
                            </li>
                            <li class="">
                                <a href="file-upload.htm">
                                    <span class="pcoded-micon"><i class="feather icon-upload-cloud"></i></span>
                                    <span class="pcoded-mtext">File Upload</span>
                                </a>
                            </li>
                            <li class="">
                                <a href="change-loges.htm">
                                    <span class="pcoded-micon"><i class="feather icon-briefcase"></i><b>CL</b></span>
                                    <span class="pcoded-mtext">Change Loges</span>
                                </a>
                            </li>
                        </ul>
                        <div class="pcoded-navigatio-lavel">Other</div>
                        <ul class="pcoded-item pcoded-left-item">
                            <li class="pcoded-hasmenu ">
                                <a href="javascript:void(0)">
                                    <span class="pcoded-micon"><i class="feather icon-list"></i></span>
                                    <span class="pcoded-mtext">Menu Levels</span>
                                </a>
                                <ul class="pcoded-submenu">
                                    <li class="">
                                        <a href="javascript:void(0)">
                                            <span class="pcoded-mtext">Menu Level 2.1</span>
                                        </a>
                                    </li>
                                    <li class="pcoded-hasmenu ">
                                        <a href="javascript:void(0)">
                                            <span class="pcoded-mtext">Menu Level 2.2</span>
                                        </a>
                                        <ul class="pcoded-submenu">
                                            <li class="">
                                                <a href="javascript:void(0)">
                                                    <span class="pcoded-mtext">Menu Level 3.1</span>
                                                </a>
                                            </li>
                                        </ul>
                                    </li>
                                    <li class="">
                                        <a href="javascript:void(0)">
                                            <span class="pcoded-mtext">Menu Level 2.3</span>
                                        </a>
                                    </li>

                                </ul>
                            </li>
                            <li class="">
                                <a href="javascript:void(0)" class="disabled">
                                    <span class="pcoded-micon"><i class="feather icon-power"></i></span>
                                    <span class="pcoded-mtext">Disabled Menu</span>
                                </a>
                            </li>
                            <li class="">
                                <a href="sample-page.htm">
                                    <span class="pcoded-micon"><i class="feather icon-watch"></i></span>
                                    <span class="pcoded-mtext">Sample Page</span>
                                </a>
                            </li>
                        </ul>
                        <div class="pcoded-navigatio-lavel">Support</div>
                        <ul class="pcoded-item pcoded-left-item">
                            <li class="">
                                <a href="http://html.codedthemes.com/Adminty/doc" target="_blank">
                                    <span class="pcoded-micon"><i class="feather icon-monitor"></i></span>
                                    <span class="pcoded-mtext">Documentation</span>
                                </a>
                            </li>
                            <li class="">
                                <a href="#" target="_blank">
                                    <span class="pcoded-micon"><i class="feather icon-help-circle"></i></span>
                                    <span class="pcoded-mtext">Submit Issue</span>
                                </a>
                            </li>
                        </ul>
                    </div>
                </nav>
                <div class="pcoded-content">
                    <div class="pcoded-inner-content">
                        <!-- Main-body start -->
                        <div class="main-body">
                            <div class="page-wrapper">
                                <!-- Page-header start -->
                                <div class="page-header">
                                    <div class="row align-items-end">
                                        <div class="col-lg-8">
                                            <div class="page-header-title">
                                                <div class="d-inline">
                                                    <h4>Flags</h4>
                                                    <span>lorem ipsum dolor sit amet, consectetur adipisicing elit</span>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="col-lg-4">
                                            <div class="page-header-breadcrumb">
                                                <ul class="breadcrumb-title">
                                                    <li class="breadcrumb-item">
                                                        <a href="index-1.htm"> <i class="feather icon-home"></i> </a>
                                                    </li>
                                                    <li class="breadcrumb-item"><a href="#!">Icons</a>
                                                    </li>
                                                    <li class="breadcrumb-item"><a href="#">Flags</a>
                                                    </li>
                                                </ul>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <!-- Page-header end -->

                                    <!-- Page body start -->
                                    <div class="page-body">
                                        <div class="row">
                                            <div class="col-sm-12">
                                                <!-- Flags card start -->
                                                <div class="card">
                                                    <div class="card-header">
                                                        <h5>Flags</h5>
                                                        <span>lorem ipsum dolor sit amet, consectetur adipisicing elit</span>

                                                    </div>
                                                    <div class="card-block">
                                                        <div class="data-table-main flags">
                                                            <div class="row">
                                                                <div class="col-sm-12 col-md-6 col-lg-4 col-xl-3">
                                                                    <div class="f-item">
                                                                        <i class="flag flag-icon-background flag-icon-INR"></i>
                                                                    </div>
                                                                    <div class="d-inline-block content-flag">
                                                                        <label class="txt-muted txt-ellipsis"> India </label>
                                                                        <label class="label label-info">IN</label>
                                                                        <div class="txt-muted">Delhi</div>
                                                                    </div>
                                                                </div>
                                                                <div class="col-sm-12 col-md-6 col-lg-4 col-xl-3">
                                                                    <div class="f-item">
                                                                        <i class="flag flag-icon-background flag-icon-AED"></i>
                                                                    </div>
                                                                    <div class="d-inline-block content-flag">
                                                                        <label class="txt-muted txt-ellipsis"> U.A.E </label>
                                                                        <label class="label label-info">AE</label>
                                                                        <div class="txt-muted">Abu Dhabi</div>
                                                                    </div>
                                                                </div>
                                                                <div class="col-sm-12 col-md-6 col-lg-4 col-xl-3">
                                                                    <div class="f-item">
                                                                        <i class="flag flag-icon-background flag-icon-af"></i>
                                                                    </div>
                                                                    <div class="d-inline-block content-flag">
                                                                        <label class="txt-muted txt-ellipsis"> Afghanithan </label>
                                                                        <label class="label label-info">AF</label>
                                                                        <div class="txt-muted">Kabul</div>
                                                                    </div>
                                                                </div>
                                                                <div class="col-sm-12 col-md-6 col-lg-4 col-xl-3">
                                                                    <div class="f-item">
                                                                        <i class="flag flag-icon-background flag-icon-ag"></i>
                                                                    </div>
                                                                    <div class="d-inline-block content-flag">
                                                                        <label class="txt-muted txt-ellipsis">Antigua and Barbuda </label>
                                                                        <label class="label label-info">AG</label>
                                                                        <div class="txt-muted">Saint John's</div>
                                                                    </div>
                                                                </div>
                                                                <div class="col-sm-12 col-md-6 col-lg-4 col-xl-3">
                                                                    <div class="f-item">
                                                                        <i class="flag flag-icon-background flag-icon-ai"></i>
                                                                    </div>
                                                                    <div class="d-inline-block content-flag">
                                                                        <label class="txt-muted txt-ellipsis"> Anguilla </label>
                                                                        <label class="label label-info">AL</label>
                                                                        <div class="txt-muted">The Valley</div>
                                                                    </div>
                                                                </div>
                                                                <div class="col-sm-12 col-md-6 col-lg-4 col-xl-3">
                                                                    <div class="f-item">
                                                                        <i class="flag flag-icon-background flag-icon-al"></i>
                                                                    </div>
                                                                    <div class="d-inline-block content-flag">
                                                                        <label class="txt-muted txt-ellipsis"> Republic of Albania </label>
                                                                        <label class="label label-info">AL</label>
                                                                        <div class="txt-muted">Tirana</div>
                                                                    </div>
                                                                </div>
                                                                <div class="col-sm-12 col-md-6 col-lg-4 col-xl-3">
                                                                    <div class="f-item">
                                                                        <i class="flag flag-icon-background flag-icon-al"></i>
                                                                    </div>
                                                                    <div class="d-inline-block content-flag">
                                                                        <label class="txt-muted txt-ellipsis">Republic of Armenia </label>
                                                                        <label class="label label-info">AM</label>
                                                                        <div class="txt-muted">Yerevan</div>
                                                                    </div>
                                                                </div>
                                                                <div class="col-sm-12 col-md-6 col-lg-4 col-xl-3">
                                                                    <div class="f-item">
                                                                        <i class="flag flag-icon-background flag-icon-ao"></i>
                                                                    </div>
                                                                    <div class="d-inline-block content-flag">
                                                                        <label class="txt-muted txt-ellipsis">Angola </label>
                                                                        <label class="label label-info">AO</label>
                                                                        <div class="txt-muted">Luanda</div>
                                                                    </div>
                                                                </div>
                                                                <div class="col-sm-12 col-md-6 col-lg-4 col-xl-3">
                                                                    <div class="f-item">
                                                                        <i class="flag flag-icon-background flag-icon-aq"></i>
                                                                    </div>
                                                                    <div class="d-inline-block content-flag">
                                                                        <label class="txt-muted txt-ellipsis">Antarctica </label>
                                                                        <label class="label label-info">AQ</label>
                                                                        <div class="txt-muted">Antarctica</div>
                                                                    </div>
                                                                </div>
                                                                <div class="col-sm-12 col-md-6 col-lg-4 col-xl-3">
                                                                    <div class="f-item">
                                                                        <i class="flag flag-icon-background flag-icon-ARS"></i>
                                                                    </div>
                                                                    <div class="d-inline-block content-flag">
                                                                        <label class="txt-muted txt-ellipsis">Argentine Republic </label>
                                                                        <label class="label label-info">AR</label>
                                                                        <div class="txt-muted">Buenos Aires</div>
                                                                    </div>
                                                                </div>
                                                                <div class="col-sm-12 col-md-6 col-lg-4 col-xl-3">
                                                                    <div class="f-item">
                                                                        <i class="flag flag-icon-background flag-icon-as"></i>
                                                                    </div>
                                                                    <div class="d-inline-block content-flag">
                                                                        <label class="txt-muted txt-ellipsis">American Samoa </label>
                                                                        <label class="label label-info">AS</label>
                                                                        <div class="txt-muted">Pago Pago</div>
                                                                    </div>
                                                                </div>
                                                                <div class="col-sm-12 col-md-6 col-lg-4 col-xl-3">
                                                                    <div class="f-item">
                                                                        <i class="flag flag-icon-background flag-icon-at"></i>
                                                                    </div>
                                                                    <div class="d-inline-block content-flag">
                                                                        <label class="txt-muted txt-ellipsis">Austria </label>
                                                                        <label class="label label-info">AT</label>
                                                                        <div class="txt-muted">Vienna</div>
                                                                    </div>
                                                                </div>
                                                                <div class="col-sm-12 col-md-6 col-lg-4 col-xl-3">
                                                                    <div class="f-item">
                                                                        <i class="flag flag-icon-background flag-icon-au"></i>
                                                                    </div>
                                                                    <div class="d-inline-block content-flag">
                                                                        <label class="txt-muted txt-ellipsis">Australia </label>
                                                                        <label class="label label-info">AU</label>
                                                                        <div class="txt-muted">Canberra</div>
                                                                    </div>
                                                                </div>
                                                                <div class="col-sm-12 col-md-6 col-lg-4 col-xl-3">
                                                                    <div class="f-item">
                                                                        <i class="flag flag-icon-background flag-icon-aw"></i>
                                                                    </div>
                                                                    <div class="d-inline-block content-flag">
                                                                        <label class="txt-muted txt-ellipsis">Aruba </label>
                                                                        <label class="label label-info">AW</label>
                                                                        <div class="txt-muted">Oranjestad</div>
                                                                    </div>
                                                                </div>
                                                                <div class="col-sm-12 col-md-6 col-lg-4 col-xl-3">
                                                                    <div class="f-item">
                                                                        <i class="flag flag-icon-background flag-icon-ax"></i>
                                                                    </div>
                                                                    <div class="d-inline-block content-flag">
                                                                        <label class="txt-muted txt-ellipsis">Aland Islands </label>
                                                                        <label class="label label-info">AX</label>
                                                                        <div class="txt-muted">Mariehamn</div>
                                                                    </div>
                                                                </div>
                                                                <div class="col-sm-12 col-md-6 col-lg-4 col-xl-3">
                                                                    <div class="f-item">
                                                                        <i class="flag flag-icon-background flag-icon-az"></i>
                                                                    </div>
                                                                    <div class="d-inline-block content-flag">
                                                                        <label class="txt-muted txt-ellipsis">Azerbaijan </label>
                                                                        <label class="label label-info">AZ</label>
                                                                        <div class="txt-muted">Baku</div>
                                                                    </div>
                                                                </div>
                                                                <div class="col-sm-12 col-md-6 col-lg-4 col-xl-3">
                                                                    <div class="f-item">
                                                                        <i class="flag flag-icon-background flag-icon-ba"></i>
                                                                    </div>
                                                                    <div class="d-inline-block content-flag">
                                                                        <label class="txt-muted txt-ellipsis">Bosnia and Herzegovina </label>
                                                                        <label class="label label-info">BA</label>
                                                                        <div class="txt-muted">Sarajevo</div>
                                                                    </div>
                                                                </div>
                                                                <div class="col-sm-12 col-md-6 col-lg-4 col-xl-3">
                                                                    <div class="f-item">
                                                                        <i class="flag flag-icon-background flag-icon-BBD"></i>
                                                                    </div>
                                                                    <div class="d-inline-block content-flag">
                                                                        <label class="txt-muted txt-ellipsis">Barbados</label>
                                                                        <label class="label label-info">BB</label>
                                                                        <div class="txt-muted">Bridgetown</div>
                                                                    </div>
                                                                </div>
                                                                <div class="col-sm-12 col-md-6 col-lg-4 col-xl-3">
                                                                    <div class="f-item">
                                                                        <i class="flag flag-icon-background flag-icon-bd"></i>
                                                                    </div>
                                                                    <div class="d-inline-block content-flag">
                                                                        <label class="txt-muted txt-ellipsis">Bangladesh</label>
                                                                        <label class="label label-info">BD</label>
                                                                        <div class="txt-muted"> Dhaka</div>
                                                                    </div>
                                                                </div>
                                                                <div class="col-sm-12 col-md-6 col-lg-4 col-xl-3">
                                                                    <div class="f-item">
                                                                        <i class="flag flag-icon-background flag-icon-be"></i>
                                                                    </div>
                                                                    <div class="d-inline-block content-flag">
                                                                        <label class="txt-muted txt-ellipsis">Belgium</label>
                                                                        <label class="label label-info">BE</label>
                                                                        <div class="txt-muted">Brussels</div>
                                                                    </div>
                                                                </div>
                                                                <div class="col-sm-12 col-md-6 col-lg-4 col-xl-3">
                                                                    <div class="f-item">
                                                                        <i class="flag flag-icon-background flag-icon-bf"></i>
                                                                    </div>
                                                                    <div class="d-inline-block content-flag">
                                                                        <label class="txt-muted txt-ellipsis">Burkina Faso</label>
                                                                        <label class="label label-info">BF</label>
                                                                        <div class="txt-muted">Ouagadougou</div>
                                                                    </div>
                                                                </div>
                                                                <div class="col-sm-12 col-md-6 col-lg-4 col-xl-3">
                                                                    <div class="f-item">
                                                                        <i class="flag flag-icon-background flag-icon-BGN"></i>
                                                                    </div>
                                                                    <div class="d-inline-block content-flag">
                                                                        <label class="txt-muted txt-ellipsis">Bulgaria</label>
                                                                        <label class="label label-info">BG</label>
                                                                        <div class="txt-muted">Sofia</div>
                                                                    </div>
                                                                </div>
                                                                <div class="col-sm-12 col-md-6 col-lg-4 col-xl-3">
                                                                    <div class="f-item">
                                                                        <i class="flag flag-icon-background flag-icon-BHD"></i>
                                                                    </div>
                                                                    <div class="d-inline-block content-flag">
                                                                        <label class="txt-muted txt-ellipsis">Bahrain</label>
                                                                        <label class="label label-info">BX</label>
                                                                        <div class="txt-muted">Manama</div>
                                                                    </div>
                                                                </div>
                                                                <div class="col-sm-12 col-md-6 col-lg-4 col-xl-3">
                                                                    <div class="f-item">
                                                                        <i class="flag flag-icon-background flag-icon-bi"></i>
                                                                    </div>
                                                                    <div class="d-inline-block content-flag">
                                                                        <label class="txt-muted txt-ellipsis">Burundi</label>
                                                                        <label class="label label-info">BI</label>
                                                                        <div class="txt-muted"> Bujumbura</div>
                                                                    </div>
                                                                </div>
                                                                <div class="col-sm-12 col-md-6 col-lg-4 col-xl-3">
                                                                    <div class="f-item">
                                                                        <i class="flag flag-icon-background flag-icon-bj"></i>
                                                                    </div>
                                                                    <div class="d-inline-block content-flag">
                                                                        <label class="txt-muted txt-ellipsis">Benin</label>
                                                                        <label class="label label-info">BJ</label>
                                                                        <div class="txt-muted"> Porto-Novo</div>
                                                                    </div>
                                                                </div>
                                                                <div class="col-sm-12 col-md-6 col-lg-4 col-xl-3">
                                                                    <div class="f-item">
                                                                        <i class="flag flag-icon-background flag-icon-bl"></i>
                                                                    </div>
                                                                    <div class="d-inline-block content-flag">
                                                                        <label class="txt-muted txt-ellipsis">Saint Barthelemy</label>
                                                                        <label class="label label-info">BL</label>
                                                                        <div class="txt-muted"> Gustavia</div>
                                                                    </div>
                                                                </div>
                                                                <div class="col-sm-12 col-md-6 col-lg-4 col-xl-3">
                                                                    <div class="f-item">
                                                                        <i class="flag flag-icon-background flag-icon-BMD"></i>
                                                                    </div>
                                                                    <div class="d-inline-block content-flag">
                                                                        <label class="txt-muted txt-ellipsis">Bermuda</label>
                                                                        <label class="label label-info">BM</label>
                                                                        <div class="txt-muted">Hamilton</div>
                                                                    </div>
                                                                </div>
                                                                <div class="col-sm-12 col-md-6 col-lg-4 col-xl-3">
                                                                    <div class="f-item">
                                                                        <i class="flag flag-icon-background flag-icon-BND"></i>
                                                                    </div>
                                                                    <div class="d-inline-block content-flag">
                                                                        <label class="txt-muted txt-ellipsis">Brunei</label>
                                                                        <label class="label label-info">BN</label>
                                                                        <div class="txt-muted">Bandar Seri Begawan</div>
                                                                    </div>
                                                                </div>
                                                                <div class="col-sm-12 col-md-6 col-lg-4 col-xl-3">
                                                                    <div class="f-item">
                                                                        <i class="flag flag-icon-background flag-icon-bo"></i>
                                                                    </div>
                                                                    <div class="d-inline-block content-flag">
                                                                        <label class="txt-muted txt-ellipsis">Bolivia</label>
                                                                        <label class="label label-info">BO</label>
                                                                        <div class="txt-muted">Sucre</div>
                                                                    </div>
                                                                </div>
                                                                <div class="col-sm-12 col-md-6 col-lg-4 col-xl-3">
                                                                    <div class="f-item">
                                                                        <i class="flag flag-icon-background flag-icon-bq"></i>
                                                                    </div>
                                                                    <div class="d-inline-block content-flag">
                                                                        <label class="txt-muted txt-ellipsis">Bonaire</label>
                                                                        <label class="label label-info">NI</label>
                                                                        <div class="txt-muted">Kralendijk</div>
                                                                    </div>
                                                                </div>
                                                                <div class="col-sm-12 col-md-6 col-lg-4 col-xl-3">
                                                                    <div class="f-item">
                                                                        <i class="flag flag-icon-background flag-icon-BSD"></i>
                                                                    </div>
                                                                    <div class="d-inline-block content-flag">
                                                                        <label class="txt-muted txt-ellipsis">Bahamas</label>
                                                                        <label class="label label-info">BS</label>
                                                                        <div class="txt-muted">Nassau</div>
                                                                    </div>
                                                                </div>
                                                                <div class="col-sm-12 col-md-6 col-lg-4 col-xl-3">
                                                                    <div class="f-item">
                                                                        <i class="flag flag-icon-background flag-icon-bt"></i>
                                                                    </div>
                                                                    <div class="d-inline-block content-flag">
                                                                        <label class="txt-muted txt-ellipsis">Bhutan</label>
                                                                        <label class="label label-info">BT</label>
                                                                        <div class="txt-muted">Thimphu</div>
                                                                    </div>
                                                                </div>
                                                                <div class="col-sm-12 col-md-6 col-lg-4 col-xl-3">
                                                                    <div class="f-item">
                                                                        <i class="flag flag-icon-background flag-icon-bv"></i>
                                                                    </div>
                                                                    <div class="d-inline-block content-flag">
                                                                        <label class="txt-muted txt-ellipsis">Bouvet Island</label>
                                                                        <label class="label label-info">BV</label>
                                                                        <div class="txt-muted">-</div>
                                                                    </div>
                                                                </div>
                                                                <div class="col-sm-12 col-md-6 col-lg-4 col-xl-3">
                                                                    <div class="f-item">
                                                                        <i class="flag flag-icon-background flag-icon-BWP"></i>
                                                                    </div>
                                                                    <div class="d-inline-block content-flag">
                                                                        <label class="txt-muted txt-ellipsis">Botswana</label>
                                                                        <label class="label label-info">BW</label>
                                                                        <div class="txt-muted"> Gaborone</div>
                                                                    </div>
                                                                </div>
                                                                <div class="col-sm-12 col-md-6 col-lg-4 col-xl-3">
                                                                    <div class="f-item">
                                                                        <i class="flag flag-icon-background flag-icon-by"></i>
                                                                    </div>
                                                                    <div class="d-inline-block content-flag">
                                                                        <label class="txt-muted txt-ellipsis">Belarus</label>
                                                                        <label class="label label-info">BY</label>
                                                                        <div class="txt-muted"> Minsk</div>
                                                                    </div>
                                                                </div>
                                                                <div class="col-sm-12 col-md-6 col-lg-4 col-xl-3">
                                                                    <div class="f-item">
                                                                        <i class="flag flag-icon-background flag-icon-BZD"></i>
                                                                    </div>
                                                                    <div class="d-inline-block content-flag">
                                                                        <label class="txt-muted txt-ellipsis">Belize</label>
                                                                        <label class="label label-info">BZ</label>
                                                                        <div class="txt-muted"> Belmopan</div>
                                                                    </div>
                                                                </div>
                                                                <div class="col-sm-12 col-md-6 col-lg-4 col-xl-3">
                                                                    <div class="f-item">
                                                                        <i class="flag flag-icon-background flag-icon-CAD"></i>
                                                                    </div>
                                                                    <div class="d-inline-block content-flag">
                                                                        <label class="txt-muted txt-ellipsis">Canada</label>
                                                                        <label class="label label-info">CA</label>
                                                                        <div class="txt-muted"> Ottawa</div>
                                                                    </div>
                                                                </div>
                                                                <div class="col-sm-12 col-md-6 col-lg-4 col-xl-3">
                                                                    <div class="f-item">
                                                                        <i class="flag flag-icon-background flag-icon-cc"></i>
                                                                    </div>
                                                                    <div class="d-inline-block content-flag">
                                                                        <label class="txt-muted txt-ellipsis">Cocos Islands</label>
                                                                        <label class="label label-info">CC</label>
                                                                        <div class="txt-muted"> West Island</div>
                                                                    </div>
                                                                </div>
                                                                <div class="col-sm-12 col-md-6 col-lg-4 col-xl-3">
                                                                    <div class="f-item">
                                                                        <i class="flag flag-icon-background flag-icon-cd"></i>
                                                                    </div>
                                                                    <div class="d-inline-block content-flag">
                                                                        <label class="txt-muted txt-ellipsis">Democratic Republic of the Congo</label>
                                                                        <label class="label label-info">CD</label>
                                                                        <div class="txt-muted">Kinshasa</div>
                                                                    </div>
                                                                </div>
                                                                <div class="col-sm-12 col-md-6 col-lg-4 col-xl-3">
                                                                    <div class="f-item">
                                                                        <i class="flag flag-icon-background flag-icon-cf"></i>
                                                                    </div>
                                                                    <div class="d-inline-block content-flag">
                                                                        <label class="txt-muted txt-ellipsis">Central African Republic</label>
                                                                        <label class="label label-info">CF</label>
                                                                        <div class="txt-muted">Bangui</div>
                                                                    </div>
                                                                </div>
                                                                <div class="col-sm-12 col-md-6 col-lg-4 col-xl-3">
                                                                    <div class="f-item">
                                                                        <i class="flag flag-icon-background flag-icon-cg"></i>
                                                                    </div>
                                                                    <div class="d-inline-block content-flag">
                                                                        <label class="txt-muted txt-ellipsis">Republic of the Congo</label>
                                                                        <label class="label label-info">CD</label>
                                                                        <div class="txt-muted">Kinshasa</div>
                                                                    </div>
                                                                </div>
                                                                <div class="col-sm-12 col-md-6 col-lg-4 col-xl-3">
                                                                    <div class="f-item">
                                                                        <i class="flag flag-icon-background flag-icon-CHF"></i>
                                                                    </div>
                                                                    <div class="d-inline-block content-flag">
                                                                        <label class="txt-muted txt-ellipsis">Switzerland</label>
                                                                        <label class="label label-info">CH</label>
                                                                        <div class="txt-muted"> Bern</div>
                                                                    </div>
                                                                </div>
                                                                <div class="col-sm-12 col-md-6 col-lg-4 col-xl-3">
                                                                    <div class="f-item">
                                                                        <i class="flag flag-icon-background flag-icon-ci"></i>
                                                                    </div>
                                                                    <div class="d-inline-block content-flag">
                                                                        <label class="txt-muted txt-ellipsis">Cote d'Ivoire</label>
                                                                        <label class="label label-info">CI</label>
                                                                        <div class="txt-muted"> Yamoussoukro</div>
                                                                    </div>
                                                                </div>
                                                                <div class="col-sm-12 col-md-6 col-lg-4 col-xl-3">
                                                                    <div class="f-item">
                                                                        <i class="flag flag-icon-background flag-icon-ck"></i>
                                                                    </div>
                                                                    <div class="d-inline-block content-flag">
                                                                        <label class="txt-muted txt-ellipsis">Cook Islands</label>
                                                                        <label class="label label-info">CK</label>
                                                                        <div class="txt-muted"> Avarua</div>
                                                                    </div>
                                                                </div>
                                                                <div class="col-sm-12 col-md-6 col-lg-4 col-xl-3">
                                                                    <div class="f-item">
                                                                        <i class="flag flag-icon-background flag-icon-CLP"></i>
                                                                    </div>
                                                                    <div class="d-inline-block content-flag">
                                                                        <label class="txt-muted txt-ellipsis">Chile</label>
                                                                        <label class="label label-info">CL</label>
                                                                        <div class="txt-muted">Santiago</div>
                                                                    </div>
                                                                </div>
                                                                <div class="col-sm-12 col-md-6 col-lg-4 col-xl-3">
                                                                    <div class="f-item">
                                                                        <i class="flag flag-icon-background flag-icon-cm"></i>
                                                                    </div>
                                                                    <div class="d-inline-block content-flag">
                                                                        <label class="txt-muted txt-ellipsis">Cameroon</label>
                                                                        <label class="label label-info">CM</label>
                                                                        <div class="txt-muted"> Yaounde</div>
                                                                    </div>
                                                                </div>
                                                                <div class="col-sm-12 col-md-6 col-lg-4 col-xl-3">
                                                                    <div class="f-item">
                                                                        <i class="flag flag-icon-background flag-icon-CNY"></i>
                                                                    </div>
                                                                    <div class="d-inline-block content-flag">
                                                                        <label class="txt-muted txt-ellipsis">China</label>
                                                                        <label class="label label-info">CN</label>
                                                                        <div class="txt-muted">Beijing</div>
                                                                    </div>
                                                                </div>
                                                                <div class="col-sm-12 col-md-6 col-lg-4 col-xl-3">
                                                                    <div class="f-item">
                                                                        <i class="flag flag-icon-background flag-icon-COP"></i>
                                                                    </div>
                                                                    <div class="d-inline-block content-flag">
                                                                        <label class="txt-muted txt-ellipsis">Colombia</label>
                                                                        <label class="label label-info">CO</label>
                                                                        <div class="txt-muted">Bogota</div>
                                                                    </div>
                                                                </div>
                                                                <div class="col-sm-12 col-md-6 col-lg-4 col-xl-3">
                                                                    <div class="f-item">
                                                                        <i class="flag flag-icon-background flag-icon-CRC"></i>
                                                                    </div>
                                                                    <div class="d-inline-block content-flag">
                                                                        <label class="txt-muted txt-ellipsis">Costa Rica</label>
                                                                        <label class="label label-info">CR</label>
                                                                        <div class="txt-muted"> San Jose</div>
                                                                    </div>
                                                                </div>
                                                                <div class="col-sm-12 col-md-6 col-lg-4 col-xl-3">
                                                                    <div class="f-item">
                                                                        <i class="flag flag-icon-background flag-icon-cu"></i>
                                                                    </div>
                                                                    <div class="d-inline-block content-flag">
                                                                        <label class="txt-muted txt-ellipsis">Cuba</label>
                                                                        <label class="label label-info">CU</label>
                                                                        <div class="txt-muted"> Havana</div>
                                                                    </div>
                                                                </div>
                                                                <div class="col-sm-12 col-md-6 col-lg-4 col-xl-3">
                                                                    <div class="f-item">
                                                                        <i class="flag flag-icon-background flag-icon-cv"></i>
                                                                    </div>
                                                                    <div class="d-inline-block content-flag">
                                                                        <label class="txt-muted txt-ellipsis">Cape Verde</label>
                                                                        <label class="label label-info">CV</label>
                                                                        <div class="txt-muted">Praia</div>
                                                                    </div>
                                                                </div>
                                                                <div class="col-sm-12 col-md-6 col-lg-4 col-xl-3">
                                                                    <div class="f-item">
                                                                        <i class="flag flag-icon-background flag-icon-cw"></i>
                                                                    </div>
                                                                    <div class="d-inline-block content-flag">
                                                                        <label class="txt-muted txt-ellipsis">Curacao</label>
                                                                        <label class="label label-info">CW</label>
                                                                        <div class="txt-muted">Willemstad</div>
                                                                    </div>
                                                                </div>
                                                                <div class="col-sm-12 col-md-6 col-lg-4 col-xl-3">
                                                                    <div class="f-item">
                                                                        <i class="flag flag-icon-background flag-icon-cx"></i>
                                                                    </div>
                                                                    <div class="d-inline-block content-flag">
                                                                        <label class="txt-muted txt-ellipsis">Christmas Island</label>
                                                                        <label class="label label-info">CX</label>
                                                                        <div class="txt-muted"> Flying Fish Cove</div>
                                                                    </div>
                                                                </div>
                                                                <div class="col-sm-12 col-md-6 col-lg-4 col-xl-3">
                                                                    <div class="f-item">
                                                                        <i class="flag flag-icon-background flag-icon-cy"></i>
                                                                    </div>
                                                                    <div class="d-inline-block content-flag">
                                                                        <label class="txt-muted txt-ellipsis">Cyprus</label>
                                                                        <label class="label label-info">CY</label>
                                                                        <div class="txt-muted"> Nicosia</div>
                                                                    </div>
                                                                </div>
                                                                <div class="col-sm-12 col-md-6 col-lg-4 col-xl-3">
                                                                    <div class="f-item">
                                                                        <i class="flag flag-icon-background flag-icon-CZK"></i>
                                                                    </div>
                                                                    <div class="d-inline-block content-flag">
                                                                        <label class="txt-muted txt-ellipsis">Czech Republic</label>
                                                                        <label class="label label-info">CZ</label>
                                                                        <div class="txt-muted"> Prague</div>
                                                                    </div>
                                                                </div>
                                                                <div class="col-sm-12 col-md-6 col-lg-4 col-xl-3">
                                                                    <div class="f-item">
                                                                        <i class="flag flag-icon-background flag-icon-de"></i>
                                                                    </div>
                                                                    <div class="d-inline-block content-flag">
                                                                        <label class="txt-muted txt-ellipsis">Germany</label>
                                                                        <label class="label label-info">DE</label>
                                                                        <div class="txt-muted"> Berlin</div>
                                                                    </div>
                                                                </div>
                                                                <div class="col-sm-12 col-md-6 col-lg-4 col-xl-3">
                                                                    <div class="f-item">
                                                                        <i class="flag flag-icon-background flag-icon-dj"></i>
                                                                    </div>
                                                                    <div class="d-inline-block content-flag">
                                                                        <label class="txt-muted txt-ellipsis">Djibouti</label>
                                                                        <label class="label label-info">DJ</label>
                                                                        <div class="txt-muted"> Djibouti</div>
                                                                    </div>
                                                                </div>
                                                                <div class="col-sm-12 col-md-6 col-lg-4 col-xl-3">
                                                                    <div class="f-item">
                                                                        <i class="flag flag-icon-background flag-icon-DKK"></i>
                                                                    </div>
                                                                    <div class="d-inline-block content-flag">
                                                                        <label class="txt-muted txt-ellipsis">Denmark</label>
                                                                        <label class="label label-info">DK</label>
                                                                        <div class="txt-muted"> Copenhagen</div>
                                                                    </div>
                                                                </div>
                                                                <div class="col-sm-12 col-md-6 col-lg-4 col-xl-3">
                                                                    <div class="f-item">
                                                                        <i class="flag flag-icon-background flag-icon-dm"></i>
                                                                    </div>
                                                                    <div class="d-inline-block content-flag">
                                                                        <label class="txt-muted txt-ellipsis">Dominica</label>
                                                                        <label class="label label-info">DM</label>
                                                                        <div class="txt-muted"> Roseau</div>
                                                                    </div>
                                                                </div>
                                                                <div class="col-sm-12 col-md-6 col-lg-4 col-xl-3">
                                                                    <div class="f-item">
                                                                        <i class="flag flag-icon-background flag-icon-DOP"></i>
                                                                    </div>
                                                                    <div class="d-inline-block content-flag">
                                                                        <label class="txt-muted txt-ellipsis">Dominican Republic</label>
                                                                        <label class="label label-info">DO</label>
                                                                        <div class="txt-muted"> SanTo Domingo</div>
                                                                    </div>
                                                                </div>
                                                                <div class="col-sm-12 col-md-6 col-lg-4 col-xl-3">
                                                                    <div class="f-item">
                                                                        <i class="flag flag-icon-background flag-icon-dz"></i>
                                                                    </div>
                                                                    <div class="d-inline-block content-flag">
                                                                        <label class="txt-muted txt-ellipsis">Algeria</label>
                                                                        <label class="label label-info">DZ</label>
                                                                        <div class="txt-muted"> Algiers</div>
                                                                    </div>
                                                                </div>
                                                                <div class="col-sm-12 col-md-6 col-lg-4 col-xl-3">
                                                                    <div class="f-item">
                                                                        <i class="flag flag-icon-background flag-icon-ec"></i>
                                                                    </div>
                                                                    <div class="d-inline-block content-flag">
                                                                        <label class="txt-muted txt-ellipsis">Ecuador</label>
                                                                        <label class="label label-info">EC</label>
                                                                        <div class="txt-muted"> Quito</div>
                                                                    </div>
                                                                </div>
                                                                <div class="col-sm-12 col-md-6 col-lg-4 col-xl-3">
                                                                    <div class="f-item">
                                                                        <i class="flag flag-icon-background flag-icon-EGP"></i>
                                                                    </div>
                                                                    <div class="d-inline-block content-flag">
                                                                        <label class="txt-muted txt-ellipsis">Egypt</label>
                                                                        <label class="label label-info">EG</label>
                                                                        <div class="txt-muted"> Cairo</div>
                                                                    </div>
                                                                </div>
                                                                <div class="col-sm-12 col-md-6 col-lg-4 col-xl-3">
                                                                    <div class="f-item">
                                                                        <i class="flag flag-icon-background flag-icon-eh"></i>
                                                                    </div>
                                                                    <div class="d-inline-block content-flag">
                                                                        <label class="txt-muted txt-ellipsis">Western Sahara</label>
                                                                        <label class="label label-info">EH</label>
                                                                        <div class="txt-muted"> El Aaiun</div>
                                                                    </div>
                                                                </div>
                                                                <div class="col-sm-12 col-md-6 col-lg-4 col-xl-3">
                                                                    <div class="f-item">
                                                                        <i class="flag flag-icon-background flag-icon-er"></i>
                                                                    </div>
                                                                    <div class="d-inline-block content-flag">
                                                                        <label class="txt-muted txt-ellipsis">Eritrea</label>
                                                                        <label class="label label-info">ER</label>
                                                                        <div class="txt-muted"> Asmara</div>
                                                                    </div>
                                                                </div>
                                                                <div class="col-sm-12 col-md-6 col-lg-4 col-xl-3">
                                                                    <div class="f-item">
                                                                        <i class="flag flag-icon-background flag-icon-es"></i>
                                                                    </div>
                                                                    <div class="d-inline-block content-flag">
                                                                        <label class="txt-muted txt-ellipsis">Spain</label>
                                                                        <label class="label label-info">ES</label>
                                                                        <div class="txt-muted"> Madrid</div>
                                                                    </div>
                                                                </div>
                                                                <div class="col-sm-12 col-md-6 col-lg-4 col-xl-3">
                                                                    <div class="f-item">
                                                                        <i class="flag flag-icon-background flag-icon-et"></i>
                                                                    </div>
                                                                    <div class="d-inline-block content-flag">
                                                                        <label class="txt-muted txt-ellipsis">Ethiopia</label>
                                                                        <label class="label label-info">ET</label>
                                                                        <div class="txt-muted"> Addis Ababa</div>
                                                                    </div>
                                                                </div>
                                                                <div class="col-sm-12 col-md-6 col-lg-4 col-xl-3">
                                                                    <div class="f-item">
                                                                        <i class="flag flag-icon-background flag-icon-fi"></i>
                                                                    </div>
                                                                    <div class="d-inline-block content-flag">
                                                                        <label class="txt-muted txt-ellipsis">Finland</label>
                                                                        <label class="label label-info">FI</label>
                                                                        <div class="txt-muted"> Helsinki</div>
                                                                    </div>
                                                                </div>
                                                                <div class="col-sm-12 col-md-6 col-lg-4 col-xl-3">
                                                                    <div class="f-item">
                                                                        <i class="flag flag-icon-background flag-icon-FJD"></i>
                                                                    </div>
                                                                    <div class="d-inline-block content-flag">
                                                                        <label class="txt-muted txt-ellipsis">Fiji</label>
                                                                        <label class="label label-info">FJ</label>
                                                                        <div class="txt-muted"> Suva</div>
                                                                    </div>
                                                                </div>
                                                                <div class="col-sm-12 col-md-6 col-lg-4 col-xl-3">
                                                                    <div class="f-item">
                                                                        <i class="flag flag-icon-background flag-icon-fk"></i>
                                                                    </div>
                                                                    <div class="d-inline-block content-flag">
                                                                        <label class="txt-muted txt-ellipsis">Falkland Islands</label>
                                                                        <label class="label label-info">FK</label>
                                                                        <div class="txt-muted"> Stanley</div>
                                                                    </div>
                                                                </div>
                                                                <div class="col-sm-12 col-md-6 col-lg-4 col-xl-3">
                                                                    <div class="f-item">
                                                                        <i class="flag flag-icon-background flag-icon-fm"></i>
                                                                    </div>
                                                                    <div class="d-inline-block content-flag">
                                                                        <label class="txt-muted txt-ellipsis">Micronesia</label>
                                                                        <label class="label label-info">FM</label>
                                                                        <div class="txt-muted"> Palikir</div>
                                                                    </div>
                                                                </div>
                                                                <div class="col-sm-12 col-md-6 col-lg-4 col-xl-3">
                                                                    <div class="f-item">
                                                                        <i class="flag flag-icon-background flag-icon-fo"></i>
                                                                    </div>
                                                                    <div class="d-inline-block content-flag">
                                                                        <label class="txt-muted txt-ellipsis">Faroe Islands</label>
                                                                        <label class="label label-info">FO</label>
                                                                        <div class="txt-muted"> Torshavn</div>
                                                                    </div>
                                                                </div>
                                                                <div class="col-sm-12 col-md-6 col-lg-4 col-xl-3">
                                                                    <div class="f-item">
                                                                        <i class="flag flag-icon-background flag-icon-fr"></i>
                                                                    </div>
                                                                    <div class="d-inline-block content-flag">
                                                                        <label class="txt-muted txt-ellipsis">France</label>
                                                                        <label class="label label-info">FR</label>
                                                                        <div class="txt-muted"> Paris</div>
                                                                    </div>
                                                                </div>
                                                                <div class="col-sm-12 col-md-6 col-lg-4 col-xl-3">
                                                                    <div class="f-item">
                                                                        <i class="flag flag-icon-background flag-icon-ga"></i>
                                                                    </div>
                                                                    <div class="d-inline-block content-flag">
                                                                        <label class="txt-muted txt-ellipsis">Gabon</label>
                                                                        <label class="label label-info">GA</label>
                                                                        <div class="txt-muted"> Libreville</div>
                                                                    </div>
                                                                </div>
                                                                <div class="col-sm-12 col-md-6 col-lg-4 col-xl-3">
                                                                    <div class="f-item">
                                                                        <i class="flag flag-icon-background flag-icon-gb"></i>
                                                                    </div>
                                                                    <div class="d-inline-block content-flag">
                                                                        <label class="txt-muted txt-ellipsis">United Kingdom</label>
                                                                        <label class="label label-info">UK</label>
                                                                        <div class="txt-muted"> London</div>
                                                                    </div>
                                                                </div>
                                                                <div class="col-sm-12 col-md-6 col-lg-4 col-xl-3">
                                                                    <div class="f-item">
                                                                        <i class="flag flag-icon-background flag-icon-gd"></i>
                                                                    </div>
                                                                    <div class="d-inline-block content-flag">
                                                                        <label class="txt-muted txt-ellipsis">Grenada</label>
                                                                        <label class="label label-info">GD</label>
                                                                        <div class="txt-muted">St. George's</div>
                                                                    </div>
                                                                </div>
                                                                <div class="col-sm-12 col-md-6 col-lg-4 col-xl-3">
                                                                    <div class="f-item">
                                                                        <i class="flag flag-icon-background flag-icon-ge"></i>
                                                                    </div>
                                                                    <div class="d-inline-block content-flag">
                                                                        <label class="txt-muted txt-ellipsis">Georgia</label>
                                                                        <label class="label label-info">GE</label>
                                                                        <div class="txt-muted">Tbilisi</div>
                                                                    </div>
                                                                </div>
                                                                <div class="col-sm-12 col-md-6 col-lg-4 col-xl-3">
                                                                    <div class="f-item">
                                                                        <i class="flag flag-icon-background flag-icon-gf"></i>
                                                                    </div>
                                                                    <div class="d-inline-block content-flag">
                                                                        <label class="txt-muted txt-ellipsis">French Guiana</label>
                                                                        <label class="label label-info">GF</label>
                                                                        <div class="txt-muted">Cayenne</div>
                                                                    </div>
                                                                </div>
                                                                <div class="col-sm-12 col-md-6 col-lg-4 col-xl-3">
                                                                    <div class="f-item">
                                                                        <i class="flag flag-icon-background flag-icon-gg"></i>
                                                                    </div>
                                                                    <div class="d-inline-block content-flag">
                                                                        <label class="txt-muted txt-ellipsis">Guernsey</label>
                                                                        <label class="label label-info">GG</label>
                                                                        <div class="txt-muted">Saint Peter Port</div>
                                                                    </div>
                                                                </div>
                                                                <div class="col-sm-12 col-md-6 col-lg-4 col-xl-3">
                                                                    <div class="f-item">
                                                                        <i class="flag flag-icon-background flag-icon-gh"></i>
                                                                    </div>
                                                                    <div class="d-inline-block content-flag">
                                                                        <label class="txt-muted txt-ellipsis">Ghana</label>
                                                                        <label class="label label-info">GH</label>
                                                                        <div class="txt-muted">Accra</div>
                                                                    </div>
                                                                </div>
                                                                <div class="col-sm-12 col-md-6 col-lg-4 col-xl-3">
                                                                    <div class="f-item">
                                                                        <i class="flag flag-icon-background flag-icon-gi"></i>
                                                                    </div>
                                                                    <div class="d-inline-block content-flag">
                                                                        <label class="txt-muted txt-ellipsis">Gibraltar</label>
                                                                        <label class="label label-info">GI</label>
                                                                        <div class="txt-muted">Gibraltar</div>
                                                                    </div>
                                                                </div>
                                                                <div class="col-sm-12 col-md-6 col-lg-4 col-xl-3">
                                                                    <div class="f-item">
                                                                        <i class="flag flag-icon-background flag-icon-gl"></i>
                                                                    </div>
                                                                    <div class="d-inline-block content-flag">
                                                                        <label class="txt-muted txt-ellipsis">Greenland</label>
                                                                        <label class="label label-info">GL</label>
                                                                        <div class="txt-muted">Nuuk</div>
                                                                    </div>
                                                                </div>
                                                                <div class="col-sm-12 col-md-6 col-lg-4 col-xl-3">
                                                                    <div class="f-item">
                                                                        <i class="flag flag-icon-background flag-icon-GMD"></i>
                                                                    </div>
                                                                    <div class="d-inline-block content-flag">
                                                                        <label class="txt-muted txt-ellipsis">Gambia</label>
                                                                        <label class="label label-info">GM</label>
                                                                        <div class="txt-muted">Banjul</div>
                                                                    </div>
                                                                </div>
                                                                <div class="col-sm-12 col-md-6 col-lg-4 col-xl-3">
                                                                    <div class="f-item">
                                                                        <i class="flag flag-icon-background flag-icon-gn"></i>
                                                                    </div>
                                                                    <div class="d-inline-block content-flag">
                                                                        <label class="txt-muted txt-ellipsis">Guinea</label>
                                                                        <label class="label label-info">GN</label>
                                                                        <div class="txt-muted">Conakry</div>
                                                                    </div>
                                                                </div>
                                                                <div class="col-sm-12 col-md-6 col-lg-4 col-xl-3">
                                                                    <div class="f-item">
                                                                        <i class="flag flag-icon-background flag-icon-gq"></i>
                                                                    </div>
                                                                    <div class="d-inline-block content-flag">
                                                                        <label class="txt-muted txt-ellipsis">Equatorial Guinea</label>
                                                                        <label class="label label-info">GQ</label>
                                                                        <div class="txt-muted"> Malabo</div>
                                                                    </div>
                                                                </div>
                                                                <div class="col-sm-12 col-md-6 col-lg-4 col-xl-3">
                                                                    <div class="f-item">
                                                                        <i class="flag flag-icon-background flag-icon-gr"></i>
                                                                    </div>
                                                                    <div class="d-inline-block content-flag">
                                                                        <label class="txt-muted txt-ellipsis">Greece</label>
                                                                        <label class="label label-info">GR</label>
                                                                        <div class="txt-muted"> Athens</div>
                                                                    </div>
                                                                </div>
                                                                <div class="col-sm-12 col-md-6 col-lg-4 col-xl-3">
                                                                    <div class="f-item">
                                                                        <i class="flag flag-icon-background flag-icon-gs"></i>
                                                                    </div>
                                                                    <div class="d-inline-block content-flag">
                                                                        <label class="txt-muted txt-ellipsis">South Georgia and the South Sandwich Islands</label>
                                                                        <label class="label label-info">GS</label>
                                                                        <div class="txt-muted"> Grytviken</div>
                                                                    </div>
                                                                </div>
                                                                <div class="col-sm-12 col-md-6 col-lg-4 col-xl-3">
                                                                    <div class="f-item">
                                                                        <i class="flag flag-icon-background flag-icon-GTQ"></i>
                                                                    </div>
                                                                    <div class="d-inline-block content-flag">
                                                                        <label class="txt-muted txt-ellipsis">Guatemala</label>
                                                                        <label class="label label-info">GT</label>
                                                                        <div class="txt-muted"> Guatemala</div>
                                                                    </div>
                                                                </div>
                                                                <div class="col-sm-12 col-md-6 col-lg-4 col-xl-3">
                                                                    <div class="f-item">
                                                                        <i class="flag flag-icon-background flag-icon-gu"></i>
                                                                    </div>
                                                                    <div class="d-inline-block content-flag">
                                                                        <label class="txt-muted txt-ellipsis">Guam</label>
                                                                        <label class="label label-info">GU</label>
                                                                        <div class="txt-muted"> Hagatna</div>
                                                                    </div>
                                                                </div>
                                                                <div class="col-sm-12 col-md-6 col-lg-4 col-xl-3">
                                                                    <div class="f-item">
                                                                        <i class="flag flag-icon-background flag-icon-gw"></i>
                                                                    </div>
                                                                    <div class="d-inline-block content-flag">
                                                                        <label class="txt-muted txt-ellipsis">Guinea-Bissau</label>
                                                                        <label class="label label-info">GW</label>
                                                                        <div class="txt-muted"> Bissau</div>
                                                                    </div>
                                                                </div>
                                                                <div class="col-sm-12 col-md-6 col-lg-4 col-xl-3">
                                                                    <div class="f-item">
                                                                        <i class="flag flag-icon-background flag-icon-gy"></i>
                                                                    </div>
                                                                    <div class="d-inline-block content-flag">
                                                                        <label class="txt-muted txt-ellipsis">Guyana</label>
                                                                        <label class="label label-info">GY</label>
                                                                        <div class="txt-muted"> Georgetown</div>
                                                                    </div>
                                                                </div>
                                                                <div class="col-sm-12 col-md-6 col-lg-4 col-xl-3">
                                                                    <div class="f-item">
                                                                        <i class="flag flag-icon-background flag-icon-HKD"></i>
                                                                    </div>
                                                                    <div class="d-inline-block content-flag">
                                                                        <label class="txt-muted txt-ellipsis">Hong Kong</label>
                                                                        <label class="label label-info">HK</label>
                                                                        <div class="txt-muted"> Hong Kong</div>
                                                                    </div>
                                                                </div>
                                                                <div class="col-sm-12 col-md-6 col-lg-4 col-xl-3">
                                                                    <div class="f-item">
                                                                        <i class="flag flag-icon-background flag-icon-hn"></i>
                                                                    </div>
                                                                    <div class="d-inline-block content-flag">
                                                                        <label class="txt-muted txt-ellipsis">Honduras</label>
                                                                        <label class="label label-info">HN</label>
                                                                        <div class="txt-muted"> Tegucigalpa</div>
                                                                    </div>
                                                                </div>
                                                                <div class="col-sm-12 col-md-6 col-lg-4 col-xl-3">
                                                                    <div class="f-item">
                                                                        <i class="flag flag-icon-background flag-icon-HRK"></i>
                                                                    </div>
                                                                    <div class="d-inline-block content-flag">
                                                                        <label class="txt-muted txt-ellipsis">Croatia</label>
                                                                        <label class="label label-info">HR</label>
                                                                        <div class="txt-muted">Zagreb</div>
                                                                    </div>
                                                                </div>
                                                                <div class="col-sm-12 col-md-6 col-lg-4 col-xl-3">
                                                                    <div class="f-item">
                                                                        <i class="flag flag-icon-background flag-icon-ht"></i>
                                                                    </div>
                                                                    <div class="d-inline-block content-flag">
                                                                        <label class="txt-muted txt-ellipsis">Haiti</label>
                                                                        <label class="label label-info">HT</label>
                                                                        <div class="txt-muted"> Port-au-Prince</div>
                                                                    </div>
                                                                </div>
                                                                <div class="col-sm-12 col-md-6 col-lg-4 col-xl-3">
                                                                    <div class="f-item">
                                                                        <i class="flag flag-icon-background flag-icon-HUF"></i>
                                                                    </div>
                                                                    <div class="d-inline-block content-flag">
                                                                        <label class="txt-muted txt-ellipsis">Hungary</label>
                                                                        <label class="label label-info">HU</label>
                                                                        <div class="txt-muted">Budapest</div>
                                                                    </div>
                                                                </div>
                                                                <div class="col-sm-12 col-md-6 col-lg-4 col-xl-3">
                                                                    <div class="f-item">
                                                                        <i class="flag flag-icon-background flag-icon-IDR"></i>
                                                                    </div>
                                                                    <div class="d-inline-block content-flag">
                                                                        <label class="txt-muted txt-ellipsis">Indonesia</label>
                                                                        <label class="label label-info">ID</label>
                                                                        <div class="txt-muted">Jakarta</div>
                                                                    </div>
                                                                </div>
                                                                <div class="col-sm-12 col-md-6 col-lg-4 col-xl-3">
                                                                    <div class="f-item">
                                                                        <i class="flag flag-icon-background flag-icon-ie"></i>
                                                                    </div>
                                                                    <div class="d-inline-block content-flag">
                                                                        <label class="txt-muted txt-ellipsis">Ireland</label>
                                                                        <label class="label label-info">IE</label>
                                                                        <div class="txt-muted"> Dublin</div>
                                                                    </div>
                                                                </div>
                                                                <div class="col-sm-12 col-md-6 col-lg-4 col-xl-3">
                                                                    <div class="f-item">
                                                                        <i class="flag flag-icon-background flag-icon-ILS"></i>
                                                                    </div>
                                                                    <div class="d-inline-block content-flag">
                                                                        <label class="txt-muted txt-ellipsis">Israel</label>
                                                                        <label class="label label-info">IL</label>
                                                                        <div class="txt-muted"> Jerusalem</div>
                                                                    </div>
                                                                </div>
                                                                <div class="col-sm-12 col-md-6 col-lg-4 col-xl-3">
                                                                    <div class="f-item">
                                                                        <i class="flag flag-icon-background flag-icon-im"></i>
                                                                    </div>
                                                                    <div class="d-inline-block content-flag">
                                                                        <label class="txt-muted txt-ellipsis">Isle of Man</label>
                                                                        <label class="label label-info">IM</label>
                                                                        <div class="txt-muted"> Douglas</div>
                                                                    </div>
                                                                </div>
                                                                <div class="col-sm-12 col-md-6 col-lg-4 col-xl-3">
                                                                    <div class="f-item">
                                                                        <i class="flag flag-icon-background flag-icon-io"></i>
                                                                    </div>
                                                                    <div class="d-inline-block content-flag">
                                                                        <label class="txt-muted txt-ellipsis">British Indian Ocean Territory</label>
                                                                        <label class="label label-info">IO</label>
                                                                        <div class="txt-muted"> Diego Garcia</div>
                                                                    </div>
                                                                </div>
                                                                <div class="col-sm-12 col-md-6 col-lg-4 col-xl-3">
                                                                    <div class="f-item">
                                                                        <i class="flag flag-icon-background flag-icon-iq"></i>
                                                                    </div>
                                                                    <div class="d-inline-block content-flag">
                                                                        <label class="txt-muted txt-ellipsis">Iraq</label>
                                                                        <label class="label label-info">IQ</label>
                                                                        <div class="txt-muted"> Baghdad</div>
                                                                    </div>
                                                                </div>
                                                                <div class="col-sm-12 col-md-6 col-lg-4 col-xl-3">
                                                                    <div class="f-item">
                                                                        <i class="flag flag-icon-background flag-icon-ir"></i>
                                                                    </div>
                                                                    <div class="d-inline-block content-flag">
                                                                        <label class="txt-muted txt-ellipsis">Iran</label>
                                                                        <label class="label label-info">IR</label>
                                                                        <div class="txt-muted"> Tehran</div>
                                                                    </div>
                                                                </div>
                                                                <div class="col-sm-12 col-md-6 col-lg-4 col-xl-3">
                                                                    <div class="f-item">
                                                                        <i class="flag flag-icon-background flag-icon-ISK"></i>
                                                                    </div>
                                                                    <div class="d-inline-block content-flag">
                                                                        <label class="txt-muted txt-ellipsis">Iceland</label>
                                                                        <label class="label label-info">IS</label>
                                                                        <div class="txt-muted"> Reykjavík</div>
                                                                    </div>
                                                                </div>
                                                                <div class="col-sm-12 col-md-6 col-lg-4 col-xl-3">
                                                                    <div class="f-item">
                                                                        <i class="flag flag-icon-background flag-icon-it"></i>
                                                                    </div>
                                                                    <div class="d-inline-block content-flag">
                                                                        <label class="txt-muted txt-ellipsis">Italy</label>
                                                                        <label class="label label-info">IT</label>
                                                                        <div class="txt-muted"> Rome</div>
                                                                    </div>
                                                                </div>
                                                                <div class="col-sm-12 col-md-6 col-lg-4 col-xl-3">
                                                                    <div class="f-item">
                                                                        <i class="flag flag-icon-background flag-icon-je"></i>
                                                                    </div>
                                                                    <div class="d-inline-block content-flag">
                                                                        <label class="txt-muted txt-ellipsis">Jersey</label>
                                                                        <label class="label label-info">JE</label>
                                                                        <div class="txt-muted"> Saint Helier</div>
                                                                    </div>
                                                                </div>
                                                                <div class="col-sm-12 col-md-6 col-lg-4 col-xl-3">
                                                                    <div class="f-item">
                                                                        <i class="flag flag-icon-background flag-icon-JMD"></i>
                                                                    </div>
                                                                    <div class="d-inline-block content-flag">
                                                                        <label class="txt-muted txt-ellipsis">Jamaica</label>
                                                                        <label class="label label-info">JM</label>
                                                                        <div class="txt-muted"> Kingston</div>
                                                                    </div>
                                                                </div>
                                                                <div class="col-sm-12 col-md-6 col-lg-4 col-xl-3">
                                                                    <div class="f-item">
                                                                        <i class="flag flag-icon-background flag-icon-JOD"></i>
                                                                    </div>
                                                                    <div class="d-inline-block content-flag">
                                                                        <label class="txt-muted txt-ellipsis">Jordan</label>
                                                                        <label class="label label-info">JO</label>
                                                                        <div class="txt-muted"> Amman</div>
                                                                    </div>
                                                                </div>
                                                                <div class="col-sm-12 col-md-6 col-lg-4 col-xl-3">
                                                                    <div class="f-item">
                                                                        <i class="flag flag-icon-background flag-icon-JPY"></i>
                                                                    </div>
                                                                    <div class="d-inline-block content-flag">
                                                                        <label class="txt-muted txt-ellipsis">Japan</label>
                                                                        <label class="label label-info">JP</label>
                                                                        <div class="txt-muted"> Tokyo</div>
                                                                    </div>
                                                                </div>
                                                                <div class="col-sm-12 col-md-6 col-lg-4 col-xl-3">
                                                                    <div class="f-item">
                                                                        <i class="flag flag-icon-background flag-icon-KES"></i>
                                                                    </div>
                                                                    <div class="d-inline-block content-flag">
                                                                        <label class="txt-muted txt-ellipsis">Kenya</label>
                                                                        <label class="label label-info">KE</label>
                                                                        <div class="txt-muted"> Nairobi</div>
                                                                    </div>
                                                                </div>
                                                                <div class="col-sm-12 col-md-6 col-lg-4 col-xl-3">
                                                                    <div class="f-item">
                                                                        <i class="flag flag-icon-background flag-icon-kg"></i>
                                                                    </div>
                                                                    <div class="d-inline-block content-flag">
                                                                        <label class="txt-muted txt-ellipsis">Kyrgyzstan</label>
                                                                        <label class="label label-info">KG</label>
                                                                        <div class="txt-muted"> Bishkek</div>
                                                                    </div>
                                                                </div>
                                                                <div class="col-sm-12 col-md-6 col-lg-4 col-xl-3">
                                                                    <div class="f-item">
                                                                        <i class="flag flag-icon-background flag-icon-kh"></i>
                                                                    </div>
                                                                    <div class="d-inline-block content-flag">
                                                                        <label class="txt-muted txt-ellipsis">Cambodia</label>
                                                                        <label class="label label-info">KH</label>
                                                                        <div class="txt-muted"> Phnom Penh</div>
                                                                    </div>
                                                                </div>
                                                                <div class="col-sm-12 col-md-6 col-lg-4 col-xl-3">
                                                                    <div class="f-item">
                                                                        <i class="flag flag-icon-background flag-icon-ki"></i>
                                                                    </div>
                                                                    <div class="d-inline-block content-flag">
                                                                        <label class="txt-muted txt-ellipsis">Kiribati</label>
                                                                        <label class="label label-info">KI</label>
                                                                        <div class="txt-muted"> Tarawa</div>
                                                                    </div>
                                                                </div>
                                                                <div class="col-sm-12 col-md-6 col-lg-4 col-xl-3">
                                                                    <div class="f-item">
                                                                        <i class="flag flag-icon-background flag-icon-km"></i>
                                                                    </div>
                                                                    <div class="d-inline-block content-flag">
                                                                        <label class="txt-muted txt-ellipsis">Comoros</label>
                                                                        <label class="label label-info">KM</label>
                                                                        <div class="txt-muted"> Moroni</div>
                                                                    </div>
                                                                </div>
                                                                <div class="col-sm-12 col-md-6 col-lg-4 col-xl-3">
                                                                    <div class="f-item">
                                                                        <i class="flag flag-icon-background flag-icon-kn"></i>
                                                                    </div>
                                                                    <div class="d-inline-block content-flag">
                                                                        <label class="txt-muted txt-ellipsis">Saint Kitts and Nevis</label>
                                                                        <label class="label label-info">KN</label>
                                                                        <div class="txt-muted"> Basseterre</div>
                                                                    </div>
                                                                </div>
                                                                <div class="col-sm-12 col-md-6 col-lg-4 col-xl-3">
                                                                    <div class="f-item">
                                                                        <i class="flag flag-icon-background flag-icon-kp"></i>
                                                                    </div>
                                                                    <div class="d-inline-block content-flag">
                                                                        <label class="txt-muted txt-ellipsis">North Korea</label>
                                                                        <label class="label label-info">KP</label>
                                                                        <div class="txt-muted"> Pyongyang</div>
                                                                    </div>
                                                                </div>
                                                                <div class="col-sm-12 col-md-6 col-lg-4 col-xl-3">
                                                                    <div class="f-item">
                                                                        <i class="flag flag-icon-background flag-icon-KRW"></i>
                                                                    </div>
                                                                    <div class="d-inline-block content-flag">
                                                                        <label class="txt-muted txt-ellipsis">South Korea</label>
                                                                        <label class="label label-info">KR</label>
                                                                        <div class="txt-muted"> Seoul</div>
                                                                    </div>
                                                                </div>
                                                                <div class="col-sm-12 col-md-6 col-lg-4 col-xl-3">
                                                                    <div class="f-item">
                                                                        <i class="flag flag-icon-background flag-icon-KYD"></i>
                                                                    </div>
                                                                    <div class="d-inline-block content-flag">
                                                                        <label class="txt-muted txt-ellipsis">Cayman Islands</label>
                                                                        <label class="label label-info">KY</label>
                                                                        <div class="txt-muted"> George Town</div>
                                                                    </div>
                                                                </div>
                                                                <div class="col-sm-12 col-md-6 col-lg-4 col-xl-3">
                                                                    <div class="f-item">
                                                                        <i class="flag flag-icon-background flag-icon-kz"></i>
                                                                    </div>
                                                                    <div class="d-inline-block content-flag">
                                                                        <label class="txt-muted txt-ellipsis">Kazakhstan</label>
                                                                        <label class="label label-info">KZ</label>
                                                                        <div class="txt-muted"> Astana</div>
                                                                    </div>
                                                                </div>
                                                                <div class="col-sm-12 col-md-6 col-lg-4 col-xl-3">
                                                                    <div class="f-item">
                                                                        <i class="flag flag-icon-background flag-icon-la"></i>
                                                                    </div>
                                                                    <div class="d-inline-block content-flag">
                                                                        <label class="txt-muted txt-ellipsis">Laos</label>
                                                                        <label class="label label-info">LA</label>
                                                                        <div class="txt-muted"> Vientiane</div>
                                                                    </div>
                                                                </div>
                                                                <div class="col-sm-12 col-md-6 col-lg-4 col-xl-3">
                                                                    <div class="f-item">
                                                                        <i class="flag flag-icon-background flag-icon-LBP"></i>
                                                                    </div>
                                                                    <div class="d-inline-block content-flag">
                                                                        <label class="txt-muted txt-ellipsis">Lebanon</label>
                                                                        <label class="label label-info">LB</label>
                                                                        <div class="txt-muted"> Beirut</div>
                                                                    </div>
                                                                </div>
                                                                <div class="col-sm-12 col-md-6 col-lg-4 col-xl-3">
                                                                    <div class="f-item">
                                                                        <i class="flag flag-icon-background flag-icon-lc"></i>
                                                                    </div>
                                                                    <div class="d-inline-block content-flag">
                                                                        <label class="txt-muted txt-ellipsis">Saint Lucia</label>
                                                                        <label class="label label-info">LC</label>
                                                                        <div class="txt-muted"> Castries</div>
                                                                    </div>
                                                                </div>
                                                                <div class="col-sm-12 col-md-6 col-lg-4 col-xl-3">
                                                                    <div class="f-item">
                                                                        <i class="flag flag-icon-background flag-icon-li"></i>
                                                                    </div>
                                                                    <div class="d-inline-block content-flag">
                                                                        <label class="txt-muted txt-ellipsis">Liechtenstein</label>
                                                                        <label class="label label-info">LI</label>
                                                                        <div class="txt-muted"> Vaduz</div>
                                                                    </div>
                                                                </div>
                                                                <div class="col-sm-12 col-md-6 col-lg-4 col-xl-3">
                                                                    <div class="f-item">
                                                                        <i class="flag flag-icon-background flag-icon-LKR"></i>
                                                                    </div>
                                                                    <div class="d-inline-block content-flag">
                                                                        <label class="txt-muted txt-ellipsis">Sri Lanka</label>
                                                                        <label class="label label-info">LK</label>
                                                                        <div class="txt-muted"> Sri Jayawardenapura-Kotte</div>
                                                                    </div>
                                                                </div>
                                                                <div class="col-sm-12 col-md-6 col-lg-4 col-xl-3">
                                                                    <div class="f-item">
                                                                        <i class="flag flag-icon-background flag-icon-lr"></i>
                                                                    </div>
                                                                    <div class="d-inline-block content-flag">
                                                                        <label class="txt-muted txt-ellipsis">Liberia</label>
                                                                        <label class="label label-info">LR</label>
                                                                        <div class="txt-muted"> Monrovia </div>
                                                                    </div>
                                                                </div>
                                                                <div class="col-sm-12 col-md-6 col-lg-4 col-xl-3">
                                                                    <div class="f-item">
                                                                        <i class="flag flag-icon-background flag-icon-ls"></i>
                                                                    </div>
                                                                    <div class="d-inline-block content-flag">
                                                                        <label class="txt-muted txt-ellipsis">Lesotho</label>
                                                                        <label class="label label-info">LS</label>
                                                                        <div class="txt-muted"> Maseru </div>
                                                                    </div>
                                                                </div>
                                                                <div class="col-sm-12 col-md-6 col-lg-4 col-xl-3">
                                                                    <div class="f-item">
                                                                        <i class="flag flag-icon-background flag-icon-LTL"></i>
                                                                    </div>
                                                                    <div class="d-inline-block content-flag">
                                                                        <label class="txt-muted txt-ellipsis">Lithuania</label>
                                                                        <label class="label label-info">LT</label>
                                                                        <div class="txt-muted"> Vilnius </div>
                                                                    </div>
                                                                </div>
                                                                <div class="col-sm-12 col-md-6 col-lg-4 col-xl-3">
                                                                    <div class="f-item">
                                                                        <i class="flag flag-icon-background flag-icon-lu"></i>
                                                                    </div>
                                                                    <div class="d-inline-block content-flag">
                                                                        <label class="txt-muted txt-ellipsis">Luxembourg</label>
                                                                        <label class="label label-info">LU</label>
                                                                        <div class="txt-muted"> Luxembourg </div>
                                                                    </div>
                                                                </div>
                                                                <div class="col-sm-12 col-md-6 col-lg-4 col-xl-3">
                                                                    <div class="f-item">
                                                                        <i class="flag flag-icon-background flag-icon-LVL"></i>
                                                                    </div>
                                                                    <div class="d-inline-block content-flag">
                                                                        <label class="txt-muted txt-ellipsis">Latvia</label>
                                                                        <label class="label label-info">LV</label>
                                                                        <div class="txt-muted"> Riga </div>
                                                                    </div>
                                                                </div>
                                                                <div class="col-sm-12 col-md-6 col-lg-4 col-xl-3">
                                                                    <div class="f-item">
                                                                        <i class="flag flag-icon-background flag-icon-ly"></i>
                                                                    </div>
                                                                    <div class="d-inline-block content-flag">
                                                                        <label class="txt-muted txt-ellipsis">Libya</label>
                                                                        <label class="label label-info">LY</label>
                                                                        <div class="txt-muted"> Tripoli </div>
                                                                    </div>
                                                                </div>
                                                                <div class="col-sm-12 col-md-6 col-lg-4 col-xl-3">
                                                                    <div class="f-item">
                                                                        <i class="flag flag-icon-background flag-icon-MAD"></i>
                                                                    </div>
                                                                    <div class="d-inline-block content-flag">
                                                                        <label class="txt-muted txt-ellipsis">Morocco</label>
                                                                        <label class="label label-info">LY</label>
                                                                        <div class="txt-muted"> Rabat </div>
                                                                    </div>
                                                                </div>
                                                                <div class="col-sm-12 col-md-6 col-lg-4 col-xl-3">
                                                                    <div class="f-item">
                                                                        <i class="flag flag-icon-background flag-icon-mc"></i>
                                                                    </div>
                                                                    <div class="d-inline-block content-flag">
                                                                        <label class="txt-muted txt-ellipsis">Monaco</label>
                                                                        <label class="label label-info">MC</label>
                                                                        <div class="txt-muted"> Monte Carlo </div>
                                                                    </div>
                                                                </div>
                                                                <div class="col-sm-12 col-md-6 col-lg-4 col-xl-3">
                                                                    <div class="f-item">
                                                                        <i class="flag flag-icon-background flag-icon-md"></i>
                                                                    </div>
                                                                    <div class="d-inline-block content-flag">
                                                                        <label class="txt-muted txt-ellipsis">Moldova</label>
                                                                        <label class="label label-info">MD</label>
                                                                        <div class="txt-muted"> Kishinev </div>
                                                                    </div>
                                                                </div>
                                                                <div class="col-sm-12 col-md-6 col-lg-4 col-xl-3">
                                                                    <div class="f-item">
                                                                        <i class="flag flag-icon-background flag-icon-me"></i>
                                                                    </div>
                                                                    <div class="d-inline-block content-flag">
                                                                        <label class="txt-muted txt-ellipsis">Montenegro</label>
                                                                        <label class="label label-info">ME</label>
                                                                        <div class="txt-muted"> Podgorica </div>
                                                                    </div>
                                                                </div>
                                                                <div class="col-sm-12 col-md-6 col-lg-4 col-xl-3">
                                                                    <div class="f-item">
                                                                        <i class="flag flag-icon-background flag-icon-mf"></i>
                                                                    </div>
                                                                    <div class="d-inline-block content-flag">
                                                                        <label class="txt-muted txt-ellipsis">Saint Martin</label>
                                                                        <label class="label label-info">MF</label>
                                                                        <div class="txt-muted"> Marigot </div>
                                                                    </div>
                                                                </div>
                                                                <div class="col-sm-12 col-md-6 col-lg-4 col-xl-3">
                                                                    <div class="f-item">
                                                                        <i class="flag flag-icon-background flag-icon-mg"></i>
                                                                    </div>
                                                                    <div class="d-inline-block content-flag">
                                                                        <label class="txt-muted txt-ellipsis">Madagascar</label>
                                                                        <label class="label label-info">MG</label>
                                                                        <div class="txt-muted"> Antananarivo </div>
                                                                    </div>
                                                                </div>
                                                                <div class="col-sm-12 col-md-6 col-lg-4 col-xl-3">
                                                                    <div class="f-item">
                                                                        <i class="flag flag-icon-background flag-icon-mh"></i>
                                                                    </div>
                                                                    <div class="d-inline-block content-flag">
                                                                        <label class="txt-muted txt-ellipsis">Marshall Islands</label>
                                                                        <label class="label label-info">MH</label>
                                                                        <div class="txt-muted"> Majuro </div>
                                                                    </div>
                                                                </div>
                                                                <div class="col-sm-12 col-md-6 col-lg-4 col-xl-3">
                                                                    <div class="f-item">
                                                                        <i class="flag flag-icon-background flag-icon-MKD"></i>
                                                                    </div>
                                                                    <div class="d-inline-block content-flag">
                                                                        <label class="txt-muted txt-ellipsis">Macedonia</label>
                                                                        <label class="label label-info">MK</label>
                                                                        <div class="txt-muted"> Skopje </div>
                                                                    </div>
                                                                </div>
                                                                <div class="col-sm-12 col-md-6 col-lg-4 col-xl-3">
                                                                    <div class="f-item">
                                                                        <i class="flag flag-icon-background flag-icon-ml"></i>
                                                                    </div>
                                                                    <div class="d-inline-block content-flag">
                                                                        <label class="txt-muted txt-ellipsis">Mali</label>
                                                                        <label class="label label-info">ML</label>
                                                                        <div class="txt-muted"> Bamako </div>
                                                                    </div>
                                                                </div>
                                                                <div class="col-sm-12 col-md-6 col-lg-4 col-xl-3">
                                                                    <div class="f-item">
                                                                        <i class="flag flag-icon-background flag-icon-mm"></i>
                                                                    </div>
                                                                    <div class="d-inline-block content-flag">
                                                                        <label class="txt-muted txt-ellipsis">Myanmar</label>
                                                                        <label class="label label-info">MM</label>
                                                                        <div class="txt-muted"> Naypyidaw </div>
                                                                    </div>
                                                                </div>
                                                                <div class="col-sm-12 col-md-6 col-lg-4 col-xl-3">
                                                                    <div class="f-item">
                                                                        <i class="flag flag-icon-background flag-icon-mn"></i>
                                                                    </div>
                                                                    <div class="d-inline-block content-flag">
                                                                        <label class="txt-muted txt-ellipsis">Mongolia</label>
                                                                        <label class="label label-info">MN</label>
                                                                        <div class="txt-muted"> Ulan Bator </div>
                                                                    </div>
                                                                </div>
                                                                <div class="col-sm-12 col-md-6 col-lg-4 col-xl-3">
                                                                    <div class="f-item">
                                                                        <i class="flag flag-icon-background flag-icon-mo"></i>
                                                                    </div>
                                                                    <div class="d-inline-block content-flag">
                                                                        <label class="txt-muted txt-ellipsis">Macao</label>
                                                                        <label class="label label-info">MO</label>
                                                                        <div class="txt-muted"> Macau </div>
                                                                    </div>
                                                                </div>
                                                                <div class="col-sm-12 col-md-6 col-lg-4 col-xl-3">
                                                                    <div class="f-item">
                                                                        <i class="flag flag-icon-background flag-icon-mp"></i>
                                                                    </div>
                                                                    <div class="d-inline-block content-flag">
                                                                        <label class="txt-muted txt-ellipsis">Northern Mariana Islands</label>
                                                                        <label class="label label-info">MP</label>
                                                                        <div class="txt-muted"> Capital Hill </div>
                                                                    </div>
                                                                </div>
                                                                <div class="col-sm-12 col-md-6 col-lg-4 col-xl-3">
                                                                    <div class="f-item">
                                                                        <i class="flag flag-icon-background flag-icon-mr"></i>
                                                                    </div>
                                                                    <div class="d-inline-block content-flag">
                                                                        <label class="txt-muted txt-ellipsis">Mauritania</label>
                                                                        <label class="label label-info">MR</label>
                                                                        <div class="txt-muted"> Nouakchott </div>
                                                                    </div>
                                                                </div>
                                                                <div class="col-sm-12 col-md-6 col-lg-4 col-xl-3">
                                                                    <div class="f-item">
                                                                        <i class="flag flag-icon-background flag-icon-ms"></i>
                                                                    </div>
                                                                    <div class="d-inline-block content-flag">
                                                                        <label class="txt-muted txt-ellipsis">Montserrat</label>
                                                                        <label class="label label-info">MS</label>
                                                                        <div class="txt-muted"> Plymouth </div>
                                                                    </div>
                                                                </div>
                                                                <div class="col-sm-12 col-md-6 col-lg-4 col-xl-3">
                                                                    <div class="f-item">
                                                                        <i class="flag flag-icon-background flag-icon-mt"></i>
                                                                    </div>
                                                                    <div class="d-inline-block content-flag">
                                                                        <label class="txt-muted txt-ellipsis">Guam</label>
                                                                        <label class="label label-info">GU</label>
                                                                        <div class="txt-muted"> Hagatna </div>
                                                                    </div>
                                                                </div>
                                                                <div class="col-sm-12 col-md-6 col-lg-4 col-xl-3">
                                                                    <div class="f-item">
                                                                        <i class="flag flag-icon-background flag-icon-MUR"></i>
                                                                    </div>
                                                                    <div class="d-inline-block content-flag">
                                                                        <label class="txt-muted txt-ellipsis">Mauritius</label>
                                                                        <label class="label label-info">MU</label>
                                                                        <div class="txt-muted"> Port Louis </div>
                                                                    </div>
                                                                </div>
                                                                <div class="col-sm-12 col-md-6 col-lg-4 col-xl-3">
                                                                    <div class="f-item">
                                                                        <i class="flag flag-icon-background flag-icon-mv"></i>
                                                                    </div>
                                                                    <div class="d-inline-block content-flag">
                                                                        <label class="txt-muted txt-ellipsis">Maldives</label>
                                                                        <label class="label label-info">MV</label>
                                                                        <div class="txt-muted"> Male </div>
                                                                    </div>
                                                                </div>
                                                                <div class="col-sm-12 col-md-6 col-lg-4 col-xl-3">
                                                                    <div class="f-item">
                                                                        <i class="flag flag-icon-background flag-icon-mw"></i>
                                                                    </div>
                                                                    <div class="d-inline-block content-flag">
                                                                        <label class="txt-muted txt-ellipsis">Malawi</label>
                                                                        <label class="label label-info">MW</label>
                                                                        <div class="txt-muted"> Lilongwe </div>
                                                                    </div>
                                                                </div>
                                                                <div class="col-sm-12 col-md-6 col-lg-4 col-xl-3">
                                                                    <div class="f-item">
                                                                        <i class="flag flag-icon-background flag-icon-MXN"></i>
                                                                    </div>
                                                                    <div class="d-inline-block content-flag">
                                                                        <label class="txt-muted txt-ellipsis">Mexico</label>
                                                                        <label class="label label-info">MX</label>
                                                                        <div class="txt-muted"> Mexico City </div>
                                                                    </div>
                                                                </div>
                                                                <div class="col-sm-12 col-md-6 col-lg-4 col-xl-3">
                                                                    <div class="f-item">
                                                                        <i class="flag flag-icon-background flag-icon-MYR"></i>
                                                                    </div>
                                                                    <div class="d-inline-block content-flag">
                                                                        <label class="txt-muted txt-ellipsis">Malaysia</label>
                                                                        <label class="label label-info">MY</label>
                                                                        <div class="txt-muted"> Kuala Lumpur </div>
                                                                    </div>
                                                                </div>
                                                                <div class="col-sm-12 col-md-6 col-lg-4 col-xl-3">
                                                                    <div class="f-item">
                                                                        <i class="flag flag-icon-background flag-icon-mz"></i>
                                                                    </div>
                                                                    <div class="d-inline-block content-flag">
                                                                        <label class="txt-muted txt-ellipsis">Mozambique</label>
                                                                        <label class="label label-info">MY</label>
                                                                        <div class="txt-muted"> Maputo </div>
                                                                    </div>
                                                                </div>
                                                                <div class="col-sm-12 col-md-6 col-lg-4 col-xl-3">
                                                                    <div class="f-item">
                                                                        <i class="flag flag-icon-background flag-icon-na"></i>
                                                                    </div>
                                                                    <div class="d-inline-block content-flag">
                                                                        <label class="txt-muted txt-ellipsis">Namibia</label>
                                                                        <label class="label label-info">NA</label>
                                                                        <div class="txt-muted"> Windhoek </div>
                                                                    </div>
                                                                </div>
                                                                <div class="col-sm-12 col-md-6 col-lg-4 col-xl-3">
                                                                    <div class="f-item">
                                                                        <i class="flag flag-icon-background flag-icon-ne"></i>
                                                                    </div>
                                                                    <div class="d-inline-block content-flag">
                                                                        <label class="txt-muted txt-ellipsis">Niger</label>
                                                                        <label class="label label-info">NE</label>
                                                                        <div class="txt-muted"> Niamey </div>
                                                                    </div>
                                                                </div>
                                                                <div class="col-sm-12 col-md-6 col-lg-4 col-xl-3">
                                                                    <div class="f-item">
                                                                        <i class="flag flag-icon-background flag-icon-nf"></i>
                                                                    </div>
                                                                    <div class="d-inline-block content-flag">
                                                                        <label class="txt-muted txt-ellipsis">Norfolk Island</label>
                                                                        <label class="label label-info">NF</label>
                                                                        <div class="txt-muted"> Kingston </div>
                                                                    </div>
                                                                </div>
                                                                <div class="col-sm-12 col-md-6 col-lg-4 col-xl-3">
                                                                    <div class="f-item">
                                                                        <i class="flag flag-icon-background flag-icon-ng"></i>
                                                                    </div>
                                                                    <div class="d-inline-block content-flag">
                                                                        <label class="txt-muted txt-ellipsis">Nigeria</label>
                                                                        <label class="label label-info">NG</label>
                                                                        <div class="txt-muted"> Abuja </div>
                                                                    </div>
                                                                </div>
                                                                <div class="col-sm-12 col-md-6 col-lg-4 col-xl-3">
                                                                    <div class="f-item">
                                                                        <i class="flag flag-icon-background flag-icon-ni"></i>
                                                                    </div>
                                                                    <div class="d-inline-block content-flag">
                                                                        <label class="txt-muted txt-ellipsis">Nicaragua</label>
                                                                        <label class="label label-info">NI</label>
                                                                        <div class="txt-muted"> Managua </div>
                                                                    </div>
                                                                </div>
                                                                <div class="col-sm-12 col-md-6 col-lg-4 col-xl-3">
                                                                    <div class="f-item">
                                                                        <i class="flag flag-icon-background flag-icon-NLG"></i>
                                                                    </div>
                                                                    <div class="d-inline-block content-flag">
                                                                        <label class="txt-muted txt-ellipsis">Netherlands</label>
                                                                        <label class="label label-info">NL</label>
                                                                        <div class="txt-muted"> Amsterdam </div>
                                                                    </div>
                                                                </div>
                                                                <div class="col-sm-12 col-md-6 col-lg-4 col-xl-3">
                                                                    <div class="f-item">
                                                                        <i class="flag flag-icon-background flag-icon-NOK"></i>
                                                                    </div>
                                                                    <div class="d-inline-block content-flag">
                                                                        <label class="txt-muted txt-ellipsis">Norway</label>
                                                                        <label class="label label-info">NO</label>
                                                                        <div class="txt-muted"> Oslo </div>
                                                                    </div>
                                                                </div>
                                                                <div class="col-sm-12 col-md-6 col-lg-4 col-xl-3">
                                                                    <div class="f-item">
                                                                        <i class="flag flag-icon-background flag-icon-np"></i>
                                                                    </div>
                                                                    <div class="d-inline-block content-flag">
                                                                        <label class="txt-muted txt-ellipsis">Nepal</label>
                                                                        <label class="label label-info">NP</label>
                                                                        <div class="txt-muted"> Kathmandu </div>
                                                                    </div>
                                                                </div>
                                                                <div class="col-sm-12 col-md-6 col-lg-4 col-xl-3">
                                                                    <div class="f-item">
                                                                        <i class="flag flag-icon-background flag-icon-nr"></i>
                                                                    </div>
                                                                    <div class="d-inline-block content-flag">
                                                                        <label class="txt-muted txt-ellipsis">Nauru</label>
                                                                        <label class="label label-info">NR</label>
                                                                        <div class="txt-muted"> Yaren </div>
                                                                    </div>
                                                                </div>
                                                                <div class="col-sm-12 col-md-6 col-lg-4 col-xl-3">
                                                                    <div class="f-item">
                                                                        <i class="flag flag-icon-background flag-icon-nu"></i>
                                                                    </div>
                                                                    <div class="d-inline-block content-flag">
                                                                        <label class="txt-muted txt-ellipsis">Niue</label>
                                                                        <label class="label label-info">NU</label>
                                                                        <div class="txt-muted"> Alofi </div>
                                                                    </div>
                                                                </div>
                                                                <div class="col-sm-12 col-md-6 col-lg-4 col-xl-3">
                                                                    <div class="f-item">
                                                                        <i class="flag flag-icon-background flag-icon-NZD"></i>
                                                                    </div>
                                                                    <div class="d-inline-block content-flag">
                                                                        <label class="txt-muted txt-ellipsis">New Zealand</label>
                                                                        <label class="label label-info">NZ</label>
                                                                        <div class="txt-muted"> Wellington </div>
                                                                    </div>
                                                                </div>
                                                                <div class="col-sm-12 col-md-6 col-lg-4 col-xl-3">
                                                                    <div class="f-item">
                                                                        <i class="flag flag-icon-background flag-icon-OMR"></i>
                                                                    </div>
                                                                    <div class="d-inline-block content-flag">
                                                                        <label class="txt-muted txt-ellipsis">Oman</label>
                                                                        <label class="label label-info">OM</label>
                                                                        <div class="txt-muted"> Muscat </div>
                                                                    </div>
                                                                </div>
                                                                <div class="col-sm-12 col-md-6 col-lg-4 col-xl-3">
                                                                    <div class="f-item">
                                                                        <i class="flag flag-icon-background flag-icon-pa"></i>
                                                                    </div>
                                                                    <div class="d-inline-block content-flag">
                                                                        <label class="txt-muted txt-ellipsis">Panama</label>
                                                                        <label class="label label-info">PA</label>
                                                                        <div class="txt-muted"> Panama </div>
                                                                    </div>
                                                                </div>
                                                                <div class="col-sm-12 col-md-6 col-lg-4 col-xl-3">
                                                                    <div class="f-item">
                                                                        <i class="flag flag-icon-background flag-icon-PEN"></i>
                                                                    </div>
                                                                    <div class="d-inline-block content-flag">
                                                                        <label class="txt-muted txt-ellipsis">Peru</label>
                                                                        <label class="label label-info">PE</label>
                                                                        <div class="txt-muted"> Lima </div>
                                                                    </div>
                                                                </div>
                                                                <div class="col-sm-12 col-md-6 col-lg-4 col-xl-3">
                                                                    <div class="f-item">
                                                                        <i class="flag flag-icon-background flag-icon-pf"></i>
                                                                    </div>
                                                                    <div class="d-inline-block content-flag">
                                                                        <label class="txt-muted txt-ellipsis">French Polynesia</label>
                                                                        <label class="label label-info">PF</label>
                                                                        <div class="txt-muted"> Papeete </div>
                                                                    </div>
                                                                </div>
                                                                <div class="col-sm-12 col-md-6 col-lg-4 col-xl-3">
                                                                    <div class="f-item">
                                                                        <i class="flag flag-icon-background flag-icon-PGK"></i>
                                                                    </div>
                                                                    <div class="d-inline-block content-flag">
                                                                        <label class="txt-muted txt-ellipsis">Papua New Guinea</label>
                                                                        <label class="label label-info">PG</label>
                                                                        <div class="txt-muted"> Port Moresby </div>
                                                                    </div>
                                                                </div>
                                                                <div class="col-sm-12 col-md-6 col-lg-4 col-xl-3">
                                                                    <div class="f-item">
                                                                        <i class="flag flag-icon-background flag-icon-PHP"></i>
                                                                    </div>
                                                                    <div class="d-inline-block content-flag">
                                                                        <label class="txt-muted txt-ellipsis">Philippines</label>
                                                                        <label class="label label-info">PG</label>
                                                                        <div class="txt-muted"> Manila </div>
                                                                    </div>
                                                                </div>
                                                                <div class="col-sm-12 col-md-6 col-lg-4 col-xl-3">
                                                                    <div class="f-item">
                                                                        <i class="flag flag-icon-background flag-icon-PKR"></i>
                                                                    </div>
                                                                    <div class="d-inline-block content-flag">
                                                                        <label class="txt-muted txt-ellipsis">Pakistan</label>
                                                                        <label class="label label-info">PK</label>
                                                                        <div class="txt-muted"> Islamabad </div>
                                                                    </div>
                                                                </div>
                                                                <div class="col-sm-12 col-md-6 col-lg-4 col-xl-3">
                                                                    <div class="f-item">
                                                                        <i class="flag flag-icon-background flag-icon-PLN"></i>
                                                                    </div>
                                                                    <div class="d-inline-block content-flag">
                                                                        <label class="txt-muted txt-ellipsis">Poland</label>
                                                                        <label class="label label-info">PL</label>
                                                                        <div class="txt-muted"> Warsaw </div>
                                                                    </div>
                                                                </div>
                                                                <div class="col-sm-12 col-md-6 col-lg-4 col-xl-3">
                                                                    <div class="f-item">
                                                                        <i class="flag flag-icon-background flag-icon-pn"></i>
                                                                    </div>
                                                                    <div class="d-inline-block content-flag">
                                                                        <label class="txt-muted txt-ellipsis">Pitcairn Islands</label>
                                                                        <label class="label label-info">PN</label>
                                                                        <div class="txt-muted"> Adamstown </div>
                                                                    </div>
                                                                </div>
                                                                <div class="col-sm-12 col-md-6 col-lg-4 col-xl-3">
                                                                    <div class="f-item">
                                                                        <i class="flag flag-icon-background flag-icon-pr"></i>
                                                                    </div>
                                                                    <div class="d-inline-block content-flag">
                                                                        <label class="txt-muted txt-ellipsis">Puerto Rico</label>
                                                                        <label class="label label-info">PR</label>
                                                                        <div class="txt-muted"> San Juan </div>
                                                                    </div>
                                                                </div>
                                                                <div class="col-sm-12 col-md-6 col-lg-4 col-xl-3">
                                                                    <div class="f-item">
                                                                        <i class="flag flag-icon-background flag-icon-ps"></i>
                                                                    </div>
                                                                    <div class="d-inline-block content-flag">
                                                                        <label class="txt-muted txt-ellipsis">Palestinian territories</label>
                                                                        <label class="label label-info">PS</label>
                                                                        <div class="txt-muted"> Ramallah </div>
                                                                    </div>
                                                                </div>
                                                                <div class="col-sm-12 col-md-6 col-lg-4 col-xl-3">
                                                                    <div class="f-item">
                                                                        <i class="flag flag-icon-background flag-icon-pt"></i>
                                                                    </div>
                                                                    <div class="d-inline-block content-flag">
                                                                        <label class="txt-muted txt-ellipsis">Portugal</label>
                                                                        <label class="label label-info">PT</label>
                                                                        <div class="txt-muted"> Lisbon </div>
                                                                    </div>
                                                                </div>
                                                                <div class="col-sm-12 col-md-6 col-lg-4 col-xl-3">
                                                                    <div class="f-item">
                                                                        <i class="flag flag-icon-background flag-icon-pw"></i>
                                                                    </div>
                                                                    <div class="d-inline-block content-flag">
                                                                        <label class="txt-muted txt-ellipsis">Palau</label>
                                                                        <label class="label label-info">PW</label>
                                                                        <div class="txt-muted"> Melekeok </div>
                                                                    </div>
                                                                </div>
                                                                <div class="col-sm-12 col-md-6 col-lg-4 col-xl-3">
                                                                    <div class="f-item">
                                                                        <i class="flag flag-icon-background flag-icon-py"></i>
                                                                    </div>
                                                                    <div class="d-inline-block content-flag">
                                                                        <label class="txt-muted txt-ellipsis">Paraguay</label>
                                                                        <label class="label label-info">PY</label>
                                                                        <div class="txt-muted"> Asuncion </div>
                                                                    </div>
                                                                </div>
                                                                <div class="col-sm-12 col-md-6 col-lg-4 col-xl-3">
                                                                    <div class="f-item">
                                                                        <i class="flag flag-icon-background flag-icon-QAR"></i>
                                                                    </div>
                                                                    <div class="d-inline-block content-flag">
                                                                        <label class="txt-muted txt-ellipsis">Qatar</label>
                                                                        <label class="label label-info">QA</label>
                                                                        <div class="txt-muted"> Doha </div>
                                                                    </div>
                                                                </div>
                                                                <div class="col-sm-12 col-md-6 col-lg-4 col-xl-3">
                                                                    <div class="f-item">
                                                                        <i class="flag flag-icon-background flag-icon-RON"></i>
                                                                    </div>
                                                                    <div class="d-inline-block content-flag">
                                                                        <label class="txt-muted txt-ellipsis">Romania</label>
                                                                        <label class="label label-info">RO</label>
                                                                        <div class="txt-muted"> Bucharest </div>
                                                                    </div>
                                                                </div>
                                                                <div class="col-sm-12 col-md-6 col-lg-4 col-xl-3">
                                                                    <div class="f-item">
                                                                        <i class="flag flag-icon-background flag-icon-rs"></i>
                                                                    </div>
                                                                    <div class="d-inline-block content-flag">
                                                                        <label class="txt-muted txt-ellipsis">Serbia</label>
                                                                        <label class="label label-info">RS</label>
                                                                        <div class="txt-muted"> Belgrade </div>
                                                                    </div>
                                                                </div>
                                                                <div class="col-sm-12 col-md-6 col-lg-4 col-xl-3">
                                                                    <div class="f-item">
                                                                        <i class="flag flag-icon-background flag-icon-RUB"></i>
                                                                    </div>
                                                                    <div class="d-inline-block content-flag">
                                                                        <label class="txt-muted txt-ellipsis">Russia</label>
                                                                        <label class="label label-info">RU</label>
                                                                        <div class="txt-muted"> Moscow </div>
                                                                    </div>
                                                                </div>
                                                                <div class="col-sm-12 col-md-6 col-lg-4 col-xl-3">
                                                                    <div class="f-item">
                                                                        <i class="flag flag-icon-background flag-icon-rw"></i>
                                                                    </div>
                                                                    <div class="d-inline-block content-flag">
                                                                        <label class="txt-muted txt-ellipsis">Rwanda</label>
                                                                        <label class="label label-info">RW</label>
                                                                        <div class="txt-muted"> Kigali </div>
                                                                    </div>
                                                                </div>
                                                                <div class="col-sm-12 col-md-6 col-lg-4 col-xl-3">
                                                                    <div class="f-item">
                                                                        <i class="flag flag-icon-background flag-icon-SAR"></i>
                                                                    </div>
                                                                    <div class="d-inline-block content-flag">
                                                                        <label class="txt-muted txt-ellipsis">Saudi Arabia</label>
                                                                        <label class="label label-info">SA</label>
                                                                        <div class="txt-muted"> Riyadh </div>
                                                                    </div>
                                                                </div>
                                                                <div class="col-sm-12 col-md-6 col-lg-4 col-xl-3">
                                                                    <div class="f-item">
                                                                        <i class="flag flag-icon-background flag-icon-sb"></i>
                                                                    </div>
                                                                    <div class="d-inline-block content-flag">
                                                                        <label class="txt-muted txt-ellipsis">Solomon Islands</label>
                                                                        <label class="label label-info">SB</label>
                                                                        <div class="txt-muted"> Honiara </div>
                                                                    </div>
                                                                </div>
                                                                <div class="col-sm-12 col-md-6 col-lg-4 col-xl-3">
                                                                    <div class="f-item">
                                                                        <i class="flag flag-icon-background flag-icon-sc"></i>
                                                                    </div>
                                                                    <div class="d-inline-block content-flag">
                                                                        <label class="txt-muted txt-ellipsis">Seychelles</label>
                                                                        <label class="label label-info">SC</label>
                                                                        <div class="txt-muted"> Victoria </div>
                                                                    </div>
                                                                </div>
                                                                <div class="col-sm-12 col-md-6 col-lg-4 col-xl-3">
                                                                    <div class="f-item">
                                                                        <i class="flag flag-icon-background flag-icon-sd"></i>
                                                                    </div>
                                                                    <div class="d-inline-block content-flag">
                                                                        <label class="txt-muted txt-ellipsis">Sudan</label>
                                                                        <label class="label label-info">SD</label>
                                                                        <div class="txt-muted"> Khartoum </div>
                                                                    </div>
                                                                </div>
                                                                <div class="col-sm-12 col-md-6 col-lg-4 col-xl-3">
                                                                    <div class="f-item">
                                                                        <i class="flag flag-icon-background flag-icon-SEK"></i>
                                                                    </div>
                                                                    <div class="d-inline-block content-flag">
                                                                        <label class="txt-muted txt-ellipsis">Sweden</label>
                                                                        <label class="label label-info">SE</label>
                                                                        <div class="txt-muted"> Stockholm </div>
                                                                    </div>
                                                                </div>
                                                                <div class="col-sm-12 col-md-6 col-lg-4 col-xl-3">
                                                                    <div class="f-item">
                                                                        <i class="flag flag-icon-background flag-icon-SGD"></i>
                                                                    </div>
                                                                    <div class="d-inline-block content-flag">
                                                                        <label class="txt-muted txt-ellipsis">Singapore</label>
                                                                        <label class="label label-info">SG</label>
                                                                        <div class="txt-muted"> Singapore </div>
                                                                    </div>
                                                                </div>
                                                                <div class="col-sm-12 col-md-6 col-lg-4 col-xl-3">
                                                                    <div class="f-item">
                                                                        <i class="flag flag-icon-background flag-icon-sh"></i>
                                                                    </div>
                                                                    <div class="d-inline-block content-flag">
                                                                        <label class="txt-muted txt-ellipsis">Saint Helena</label>
                                                                        <label class="label label-info">SH</label>
                                                                        <div class="txt-muted"> Jamestown </div>
                                                                    </div>
                                                                </div>
                                                                <div class="col-sm-12 col-md-6 col-lg-4 col-xl-3">
                                                                    <div class="f-item">
                                                                        <i class="flag flag-icon-background flag-icon-si"></i>
                                                                    </div>
                                                                    <div class="d-inline-block content-flag">
                                                                        <label class="txt-muted txt-ellipsis">Slovenia</label>
                                                                        <label class="label label-info">SI</label>
                                                                        <div class="txt-muted"> Ljubljana </div>
                                                                    </div>
                                                                </div>
                                                                <div class="col-sm-12 col-md-6 col-lg-4 col-xl-3">
                                                                    <div class="f-item">
                                                                        <i class="flag flag-icon-background flag-icon-sj"></i>
                                                                    </div>
                                                                    <div class="d-inline-block content-flag">
                                                                        <label class="txt-muted txt-ellipsis">Svalbard and Jan Mayen</label>
                                                                        <label class="label label-info">SJ</label>
                                                                        <div class="txt-muted"> - </div>
                                                                    </div>
                                                                </div>
                                                                <div class="col-sm-12 col-md-6 col-lg-4 col-xl-3">
                                                                    <div class="f-item">
                                                                        <i class="flag flag-icon-background flag-icon-sk"></i>
                                                                    </div>
                                                                    <div class="d-inline-block content-flag">
                                                                        <label class="txt-muted txt-ellipsis">Slovakia</label>
                                                                        <label class="label label-info">SK</label>
                                                                        <div class="txt-muted"> Bratislava </div>
                                                                    </div>
                                                                </div>
                                                                <div class="col-sm-12 col-md-6 col-lg-4 col-xl-3">
                                                                    <div class="f-item">
                                                                        <i class="flag flag-icon-background flag-icon-sl"></i>
                                                                    </div>
                                                                    <div class="d-inline-block content-flag">
                                                                        <label class="txt-muted txt-ellipsis">Sierra Leone</label>
                                                                        <label class="label label-info">SL</label>
                                                                        <div class="txt-muted"> Freetown </div>
                                                                    </div>
                                                                </div>
                                                                <div class="col-sm-12 col-md-6 col-lg-4 col-xl-3">
                                                                    <div class="f-item">
                                                                        <i class="flag flag-icon-background flag-icon-sm"></i>
                                                                    </div>
                                                                    <div class="d-inline-block content-flag">
                                                                        <label class="txt-muted txt-ellipsis">San Marino</label>
                                                                        <label class="label label-info">SM</label>
                                                                        <div class="txt-muted"> City of San Marino </div>
                                                                    </div>
                                                                </div>
                                                                <div class="col-sm-12 col-md-6 col-lg-4 col-xl-3">
                                                                    <div class="f-item">
                                                                        <i class="flag flag-icon-background flag-icon-sn"></i>
                                                                    </div>
                                                                    <div class="d-inline-block content-flag">
                                                                        <label class="txt-muted txt-ellipsis">Senegal</label>
                                                                        <label class="label label-info">SN</label>
                                                                        <div class="txt-muted">Dakar </div>
                                                                    </div>
                                                                </div>
                                                                <div class="col-sm-12 col-md-6 col-lg-4 col-xl-3">
                                                                    <div class="f-item">
                                                                        <i class="flag flag-icon-background flag-icon-so"></i>
                                                                    </div>
                                                                    <div class="d-inline-block content-flag">
                                                                        <label class="txt-muted txt-ellipsis">Somalia</label>
                                                                        <label class="label label-info">SO</label>
                                                                        <div class="txt-muted">Mogadishu </div>
                                                                    </div>
                                                                </div>
                                                                <div class="col-sm-12 col-md-6 col-lg-4 col-xl-3">
                                                                    <div class="f-item">
                                                                        <i class="flag flag-icon-background flag-icon-sr"></i>
                                                                    </div>
                                                                    <div class="d-inline-block content-flag">
                                                                        <label class="txt-muted txt-ellipsis">Suriname</label>
                                                                        <label class="label label-info">SR</label>
                                                                        <div class="txt-muted">Paramaribo </div>
                                                                    </div>
                                                                </div>
                                                                <div class="col-sm-12 col-md-6 col-lg-4 col-xl-3">
                                                                    <div class="f-item">
                                                                        <i class="flag flag-icon-background flag-icon-ss"></i>
                                                                    </div>
                                                                    <div class="d-inline-block content-flag">
                                                                        <label class="txt-muted txt-ellipsis">South Sudan</label>
                                                                        <label class="label label-info">SS</label>
                                                                        <div class="txt-muted">Juba </div>
                                                                    </div>
                                                                </div>
                                                                <div class="col-sm-12 col-md-6 col-lg-4 col-xl-3">
                                                                    <div class="f-item">
                                                                        <i class="flag flag-icon-background flag-icon-st"></i>
                                                                    </div>
                                                                    <div class="d-inline-block content-flag">
                                                                        <label class="txt-muted txt-ellipsis">Sao Tome and Principe</label>
                                                                        <label class="label label-info">ST</label>
                                                                        <div class="txt-muted">Sao Tome </div>
                                                                    </div>
                                                                </div>
                                                                <div class="col-sm-12 col-md-6 col-lg-4 col-xl-3">
                                                                    <div class="f-item">
                                                                        <i class="flag flag-icon-background flag-icon-sv"></i>
                                                                    </div>
                                                                    <div class="d-inline-block content-flag">
                                                                        <label class="txt-muted txt-ellipsis">El Salvador</label>
                                                                        <label class="label label-info">SV</label>
                                                                        <div class="txt-muted">San Salvador </div>
                                                                    </div>
                                                                </div>
                                                                <div class="col-sm-12 col-md-6 col-lg-4 col-xl-3">
                                                                    <div class="f-item">
                                                                        <i class="flag flag-icon-background flag-icon-sx"></i>
                                                                    </div>
                                                                    <div class="d-inline-block content-flag">
                                                                        <label class="txt-muted txt-ellipsis">Sint Maarten</label>
                                                                        <label class="label label-info">SX</label>
                                                                        <div class="txt-muted">Philipsburg </div>
                                                                    </div>
                                                                </div>
                                                                <div class="col-sm-12 col-md-6 col-lg-4 col-xl-3">
                                                                    <div class="f-item">
                                                                        <i class="flag flag-icon-background flag-icon-SYP"></i>
                                                                    </div>
                                                                    <div class="d-inline-block content-flag">
                                                                        <label class="txt-muted txt-ellipsis">Syria</label>
                                                                        <label class="label label-info">SY</label>
                                                                        <div class="txt-muted">Damascus </div>
                                                                    </div>
                                                                </div>
                                                                <div class="col-sm-12 col-md-6 col-lg-4 col-xl-3">
                                                                    <div class="f-item">
                                                                        <i class="flag flag-icon-background flag-icon-sz"></i>
                                                                    </div>
                                                                    <div class="d-inline-block content-flag">
                                                                        <label class="txt-muted txt-ellipsis">Swaziland</label>
                                                                        <label class="label label-info">SZ</label>
                                                                        <div class="txt-muted">Mbabane </div>
                                                                    </div>
                                                                </div>
                                                                <div class="col-sm-12 col-md-6 col-lg-4 col-xl-3">
                                                                    <div class="f-item">
                                                                        <i class="flag flag-icon-background flag-icon-tc"></i>
                                                                    </div>
                                                                    <div class="d-inline-block content-flag">
                                                                        <label class="txt-muted txt-ellipsis">Turks and Caicos Islands</label>
                                                                        <label class="label label-info">TC</label>
                                                                        <div class="txt-muted">Cockburn Town </div>
                                                                    </div>
                                                                </div>
                                                                <div class="col-sm-12 col-md-6 col-lg-4 col-xl-3">
                                                                    <div class="f-item">
                                                                        <i class="flag flag-icon-background flag-icon-td"></i>
                                                                    </div>
                                                                    <div class="d-inline-block content-flag">
                                                                        <label class="txt-muted txt-ellipsis">Chad</label>
                                                                        <label class="label label-info">TD</label>
                                                                        <div class="txt-muted">N'Djamena </div>
                                                                    </div>
                                                                </div>
                                                                <div class="col-sm-12 col-md-6 col-lg-4 col-xl-3">
                                                                    <div class="f-item">
                                                                        <i class="flag flag-icon-background flag-icon-tf"></i>
                                                                    </div>
                                                                    <div class="d-inline-block content-flag">
                                                                        <label class="txt-muted txt-ellipsis">French Southern and Antarctic Lands</label>
                                                                        <label class="label label-info">TF</label>
                                                                        <div class="txt-muted"> Saint Pierre </div>
                                                                    </div>
                                                                </div>
                                                                <div class="col-sm-12 col-md-6 col-lg-4 col-xl-3">
                                                                    <div class="f-item">
                                                                        <i class="flag flag-icon-background flag-icon-tg"></i>
                                                                    </div>
                                                                    <div class="d-inline-block content-flag">
                                                                        <label class="txt-muted txt-ellipsis">Togo</label>
                                                                        <label class="label label-info">TG</label>
                                                                        <div class="txt-muted"> Lome </div>
                                                                    </div>
                                                                </div>
                                                                <div class="col-sm-12 col-md-6 col-lg-4 col-xl-3">
                                                                    <div class="f-item">
                                                                        <i class="flag flag-icon-background flag-icon-THB"></i>
                                                                    </div>
                                                                    <div class="d-inline-block content-flag">
                                                                        <label class="txt-muted txt-ellipsis">Thailand</label>
                                                                        <label class="label label-info">TH</label>
                                                                        <div class="txt-muted"> Bangkok </div>
                                                                    </div>
                                                                </div>
                                                                <div class="col-sm-12 col-md-6 col-lg-4 col-xl-3">
                                                                    <div class="f-item">
                                                                        <i class="flag flag-icon-background flag-icon-tj"></i>
                                                                    </div>
                                                                    <div class="d-inline-block content-flag">
                                                                        <label class="txt-muted txt-ellipsis">Tajikistan</label>
                                                                        <label class="label label-info">TJ</label>
                                                                        <div class="txt-muted"> Dushanbe </div>
                                                                    </div>
                                                                </div>
                                                                <div class="col-sm-12 col-md-6 col-lg-4 col-xl-3">
                                                                    <div class="f-item">
                                                                        <i class="flag flag-icon-background flag-icon-tk"></i>
                                                                    </div>
                                                                    <div class="d-inline-block content-flag">
                                                                        <label class="txt-muted txt-ellipsis">Tokelau</label>
                                                                        <label class="label label-info">TK</label>
                                                                        <div class="txt-muted"> Nukunonu </div>
                                                                    </div>
                                                                </div>
                                                                <div class="col-sm-12 col-md-6 col-lg-4 col-xl-3">
                                                                    <div class="f-item">
                                                                        <i class="flag flag-icon-background flag-icon-tl"></i>
                                                                    </div>
                                                                    <div class="d-inline-block content-flag">
                                                                        <label class="txt-muted txt-ellipsis">East Timor</label>
                                                                        <label class="label label-info">TL</label>
                                                                        <div class="txt-muted"> Dili </div>
                                                                    </div>
                                                                </div>
                                                                <div class="col-sm-12 col-md-6 col-lg-4 col-xl-3">
                                                                    <div class="f-item">
                                                                        <i class="flag flag-icon-background flag-icon-tm"></i>
                                                                    </div>
                                                                    <div class="d-inline-block content-flag">
                                                                        <label class="txt-muted txt-ellipsis">Turkmenistan</label>
                                                                        <label class="label label-info">TM</label>
                                                                        <div class="txt-muted"> Ashgabat </div>
                                                                    </div>
                                                                </div>
                                                                <div class="col-sm-12 col-md-6 col-lg-4 col-xl-3">
                                                                    <div class="f-item">
                                                                        <i class="flag flag-icon-background flag-icon-flag-icon-tn"></i>
                                                                    </div>
                                                                    <div class="d-inline-block content-flag">
                                                                        <label class="txt-muted txt-ellipsis">Tunisia</label>
                                                                        <label class="label label-info">TN</label>
                                                                        <div class="txt-muted"> Tunis </div>
                                                                    </div>
                                                                </div>
                                                                <div class="col-sm-12 col-md-6 col-lg-4 col-xl-3">
                                                                    <div class="f-item">
                                                                        <i class="flag flag-icon-background flag-icon-to"></i>
                                                                    </div>
                                                                    <div class="d-inline-block content-flag">
                                                                        <label class="txt-muted txt-ellipsis">Tonga</label>
                                                                        <label class="label label-info">TO</label>
                                                                        <div class="txt-muted"> Nukualofa </div>
                                                                    </div>
                                                                </div>
                                                                <div class="col-sm-12 col-md-6 col-lg-4 col-xl-3">
                                                                    <div class="f-item">
                                                                        <i class="flag flag-icon-background flag-icon-TRY"></i>
                                                                    </div>
                                                                    <div class="d-inline-block content-flag">
                                                                        <label class="txt-muted txt-ellipsis">Turkey</label>
                                                                        <label class="label label-info">TR</label>
                                                                        <div class="txt-muted"> Ankara </div>
                                                                    </div>
                                                                </div>
                                                                <div class="col-sm-12 col-md-6 col-lg-4 col-xl-3">
                                                                    <div class="f-item">
                                                                        <i class="flag flag-icon-background flag-icon-TTD"></i>
                                                                    </div>
                                                                    <div class="d-inline-block content-flag">
                                                                        <label class="txt-muted txt-ellipsis">Trinidad and Tobago</label>
                                                                        <label class="label label-info">TT</label>
                                                                        <div class="txt-muted"> Port of Spain </div>
                                                                    </div>
                                                                </div>
                                                                <div class="col-sm-12 col-md-6 col-lg-4 col-xl-3">
                                                                    <div class="f-item">
                                                                        <i class="flag flag-icon-background flag-icon-tv"></i>
                                                                    </div>
                                                                    <div class="d-inline-block content-flag">
                                                                        <label class="txt-muted txt-ellipsis">Tuvalu</label>
                                                                        <label class="label label-info">TV</label>
                                                                        <div class="txt-muted">Funafuti </div>
                                                                    </div>
                                                                </div>
                                                                <div class="col-sm-12 col-md-6 col-lg-4 col-xl-3">
                                                                    <div class="f-item">
                                                                        <i class="flag flag-icon-background flag-icon-TWD"></i>
                                                                    </div>
                                                                    <div class="d-inline-block content-flag">
                                                                        <label class="txt-muted txt-ellipsis">Taiwan</label>
                                                                        <label class="label label-info">TW</label>
                                                                        <div class="txt-muted">Taipei City </div>
                                                                    </div>
                                                                </div>
                                                                <div class="col-sm-12 col-md-6 col-lg-4 col-xl-3">
                                                                    <div class="f-item">
                                                                        <i class="flag flag-icon-background flag-icon-tz"></i>
                                                                    </div>
                                                                    <div class="d-inline-block content-flag">
                                                                        <label class="txt-muted txt-ellipsis">Tanzania</label>
                                                                        <label class="label label-info">TZ</label>
                                                                        <div class="txt-muted">Dodoma </div>
                                                                    </div>
                                                                </div>
                                                                <div class="col-sm-12 col-md-6 col-lg-4 col-xl-3">
                                                                    <div class="f-item">
                                                                        <i class="flag flag-icon-background flag-icon-ua"></i>
                                                                    </div>
                                                                    <div class="d-inline-block content-flag">
                                                                        <label class="txt-muted txt-ellipsis">Ukraine</label>
                                                                        <label class="label label-info">UA</label>
                                                                        <div class="txt-muted">Kiev </div>
                                                                    </div>
                                                                </div>
                                                                <div class="col-sm-12 col-md-6 col-lg-4 col-xl-3">
                                                                    <div class="f-item">
                                                                        <i class="flag flag-icon-background flag-icon-ug"></i>
                                                                    </div>
                                                                    <div class="d-inline-block content-flag">
                                                                        <label class="txt-muted txt-ellipsis">Uganda</label>
                                                                        <label class="label label-info">UG</label>
                                                                        <div class="txt-muted">Kampala </div>
                                                                    </div>
                                                                </div>
                                                                <div class="col-sm-12 col-md-6 col-lg-4 col-xl-3">
                                                                    <div class="f-item">
                                                                        <i class="flag flag-icon-background flag-icon-USD"></i>
                                                                    </div>
                                                                    <div class="d-inline-block content-flag">
                                                                        <label class="txt-muted txt-ellipsis">United States of America</label>
                                                                        <label class="label label-info">US</label>
                                                                        <div class="txt-muted">Washington, D.C. </div>
                                                                    </div>
                                                                </div>
                                                                <div class="col-sm-12 col-md-6 col-lg-4 col-xl-3">
                                                                    <div class="f-item">
                                                                        <i class="flag flag-icon-background flag-icon-UYU"></i>
                                                                    </div>
                                                                    <div class="d-inline-block content-flag">
                                                                        <label class="txt-muted txt-ellipsis">Uruguay</label>
                                                                        <label class="label label-info">UY</label>
                                                                        <div class="txt-muted">Montevideo </div>
                                                                    </div>
                                                                </div>
                                                                <div class="col-sm-12 col-md-6 col-lg-4 col-xl-3">
                                                                    <div class="f-item">
                                                                        <i class="flag flag-icon-background flag-icon-uz"></i>
                                                                    </div>
                                                                    <div class="d-inline-block content-flag">
                                                                        <label class="txt-muted txt-ellipsis">Uzbekistan</label>
                                                                        <label class="label label-info">UZ</label>
                                                                        <div class="txt-muted">Tashkent </div>
                                                                    </div>
                                                                </div>
                                                                <div class="col-sm-12 col-md-6 col-lg-4 col-xl-3">
                                                                    <div class="f-item">
                                                                        <i class="flag flag-icon-background flag-icon-va"></i>
                                                                    </div>
                                                                    <div class="d-inline-block content-flag">
                                                                        <label class="txt-muted txt-ellipsis">Vatican City</label>
                                                                        <label class="label label-info">VA</label>
                                                                        <div class="txt-muted">Vatican City </div>
                                                                    </div>
                                                                </div>
                                                                <div class="col-sm-12 col-md-6 col-lg-4 col-xl-3">
                                                                    <div class="f-item">
                                                                        <i class="flag flag-icon-background flag-icon-vc"></i>
                                                                    </div>
                                                                    <div class="d-inline-block content-flag">
                                                                        <label class="txt-muted txt-ellipsis">Saint Vincent and the Grenadines</label>
                                                                        <label class="label label-info">VC</label>
                                                                        <div class="txt-muted">Kingstown </div>
                                                                    </div>
                                                                </div>
                                                                <div class="col-sm-12 col-md-6 col-lg-4 col-xl-3">
                                                                    <div class="f-item">
                                                                        <i class="flag flag-icon-background flag-icon-ve"></i>
                                                                    </div>
                                                                    <div class="d-inline-block content-flag">
                                                                        <label class="txt-muted txt-ellipsis">Venezuela</label>
                                                                        <label class="label label-info">VE</label>
                                                                        <div class="txt-muted">Caracas </div>
                                                                    </div>
                                                                </div>
                                                                <div class="col-sm-12 col-md-6 col-lg-4 col-xl-3">
                                                                    <div class="f-item">
                                                                        <i class="flag flag-icon-background flag-icon-vg"></i>
                                                                    </div>
                                                                    <div class="d-inline-block content-flag">
                                                                        <label class="txt-muted txt-ellipsis">Virgin Islands</label>
                                                                        <label class="label label-info">VG</label>
                                                                        <div class="txt-muted">Road Town </div>
                                                                    </div>
                                                                </div>
                                                                <div class="col-sm-12 col-md-6 col-lg-4 col-xl-3">
                                                                    <div class="f-item">
                                                                        <i class="flag flag-icon-background flag-icon-vi"></i>
                                                                    </div>
                                                                    <div class="d-inline-block content-flag">
                                                                        <label class="txt-muted txt-ellipsis">Virgin Islands of the United States</label>
                                                                        <label class="label label-info">VI</label>
                                                                        <div class="txt-muted">Charlotte Amalie</div>
                                                                    </div>
                                                                </div>
                                                                <div class="col-sm-12 col-md-6 col-lg-4 col-xl-3">
                                                                    <div class="f-item">
                                                                        <i class="flag flag-icon-background flag-icon-VND"></i>
                                                                    </div>
                                                                    <div class="d-inline-block content-flag">
                                                                        <label class="txt-muted txt-ellipsis">Vietnam</label>
                                                                        <label class="label label-info">VN</label>
                                                                        <div class="txt-muted">Hanoi</div>
                                                                    </div>
                                                                </div>
                                                                <div class="col-sm-12 col-md-6 col-lg-4 col-xl-3">
                                                                    <div class="f-item">
                                                                        <i class="flag flag-icon-background flag-icon-vu"></i>
                                                                    </div>
                                                                    <div class="d-inline-block content-flag">
                                                                        <label class="txt-muted txt-ellipsis">Vanuatu</label>
                                                                        <label class="label label-info">VU</label>
                                                                        <div class="txt-muted">Port Vila</div>
                                                                    </div>
                                                                </div>
                                                                <div class="col-sm-12 col-md-6 col-lg-4 col-xl-3">
                                                                    <div class="f-item">
                                                                        <i class="flag flag-icon-background flag-icon-wf"></i>
                                                                    </div>
                                                                    <div class="d-inline-block content-flag">
                                                                        <label class="txt-muted txt-ellipsis">Wallis and Futuna</label>
                                                                        <label class="label label-info">WF</label>
                                                                        <div class="txt-muted">Mata-Utu</div>
                                                                    </div>
                                                                </div>
                                                                <div class="col-sm-12 col-md-6 col-lg-4 col-xl-3">
                                                                    <div class="f-item">
                                                                        <i class="flag flag-icon-background flag-icon-ws"></i>
                                                                    </div>
                                                                    <div class="d-inline-block content-flag">
                                                                        <label class="txt-muted txt-ellipsis">Samoa</label>
                                                                        <label class="label label-info">WS</label>
                                                                        <div class="txt-muted">Apia</div>
                                                                    </div>
                                                                </div>
                                                                <div class="col-sm-12 col-md-6 col-lg-4 col-xl-3">
                                                                    <div class="f-item">
                                                                        <i class="flag flag-icon-background flag-icon-ye"></i>
                                                                    </div>
                                                                    <div class="d-inline-block content-flag">
                                                                        <label class="txt-muted txt-ellipsis">Yemen</label>
                                                                        <label class="label label-info">YE</label>
                                                                        <div class="txt-muted">Sanaa</div>
                                                                    </div>
                                                                </div>
                                                                <div class="col-sm-12 col-md-6 col-lg-4 col-xl-3">
                                                                    <div class="f-item">
                                                                        <i class="flag flag-icon-background flag-icon-yt"></i>
                                                                    </div>
                                                                    <div class="d-inline-block content-flag">
                                                                        <label class="txt-muted txt-ellipsis">Mayotte</label>
                                                                        <label class="label label-info">YT</label>
                                                                        <div class="txt-muted">Mamoudzou</div>
                                                                    </div>
                                                                </div>
                                                                <div class="col-sm-12 col-md-6 col-lg-4 col-xl-3">
                                                                    <div class="f-item">
                                                                        <i class="flag flag-icon-background flag-icon-ZAR"></i>
                                                                    </div>
                                                                    <div class="d-inline-block content-flag">
                                                                        <label class="txt-muted txt-ellipsis">South Africa</label>
                                                                        <label class="label label-info">ZA</label>
                                                                        <div class="txt-muted">Cape Town</div>
                                                                    </div>
                                                                </div>
                                                                <div class="col-sm-12 col-md-6 col-lg-4 col-xl-3">
                                                                    <div class="f-item">
                                                                        <i class="flag flag-icon-background flag-icon-zm"></i>
                                                                    </div>
                                                                    <div class="d-inline-block content-flag">
                                                                        <label class="txt-muted txt-ellipsis">Zambia</label>
                                                                        <label class="label label-info">ZM</label>
                                                                        <div class="txt-muted">Lusaka</div>
                                                                    </div>
                                                                </div>
                                                                <div class="col-sm-12 col-md-6 col-lg-4 col-xl-3">
                                                                    <div class="f-item">
                                                                        <i class="flag flag-icon-background flag-icon-zw"></i>
                                                                    </div>
                                                                    <div class="d-inline-block content-flag">
                                                                        <label class="txt-muted txt-ellipsis">zimbabwe</label>
                                                                        <label class="label label-info">ZV</label>
                                                                        <div class="txt-muted">Harare</div>
                                                                    </div>
                                                                </div>
                                                                <div class="col-sm-12 col-md-6 col-lg-4 col-xl-3">
                                                                    <div class="f-item">
                                                                        <i class="flag flag-icon-background flag-icon-EUR"></i>
                                                                    </div>
                                                                    <div class="d-inline-block content-flag">
                                                                        <label class="txt-muted txt-ellipsis">European Union</label>
                                                                        <label class="label label-info">EU</label>
                                                                        <div class="txt-muted">-</div>
                                                                    </div>
                                                                </div>
                                                                <div class="col-sm-12 col-md-6 col-lg-4 col-xl-3">
                                                                    <div class="f-item">
                                                                        <i class="flag flag-icon-background flag-icon-un"></i>
                                                                    </div>
                                                                    <div class="d-inline-block content-flag">
                                                                        <label class="txt-muted txt-ellipsis">United Nation</label>
                                                                        <label class="label label-info">UN</label>
                                                                        <div class="txt-muted">Development Fund</div>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                                <!-- Flags card end -->
                                            </div>
                                        </div>
                                    </div>
                                    <!-- Page body end -->
                                    <!-- Modal start -->
                                    <div class="modal fade modal-icon" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
                                        <div class="modal-dialog" role="document">
                                            <div class="modal-content">
                                                <div class="modal-header">
                                                    <h4 class="modal-title" id="myModalLabel">Country Flags</h4>
                                                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                                <span aria-hidden="true">&times;</span>
                            </button>
                                                </div>
                                                <div class="modal-body">
                                                    <div class="row">
                                                        <div class="col-md-12 text-center">
                                                            <div class="icon-list-demo">
                                                                <i id="icon" class="fa fa-wpbeginner fa-lg"></i>
                                                            </div>
                                                        </div>
                                                        <div class="col-md-12">
                                                            <div class="form-group">
                                                                <label>Name</label>
                                                                <input disabled="" class="form-control" type="text" id="name" value="fa fa-wpbeginner">
                                                            </div>
                                                            <div class="form-group">
                                                                Code
                                                                <input class="form-control" type="text" id="code" value='<i class="fa fa-wpbeginner"></i>'>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                                <div class="modal-footer">
                                                    <button type="button" class="btn btn-default  waves-effect m-r-15" data-dismiss="modal">Close</button>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <!-- Modal end -->
                                </div>
                            </div>
                            <!-- Main-body end -->
                            <div id="styleSelector">

                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>



    <!-- Warning Section Starts -->
    <!-- Older IE warning message -->
    <!--[if lt IE 10]>
<div class="ie-warning">
    <h1>Warning!!</h1>
    <p>You are using an outdated version of Internet Explorer, please upgrade <br/>to any of the following web browsers to access this website.</p>
    <div class="iew-container">
        <ul class="iew-download">
            <li>
                <a href="http://www.google.com/chrome/">
                    <img src="../files/assets/images/browser/chrome.png" alt="Chrome">
                    <div>Chrome</div>
                </a>
            </li>
            <li>
                <a href="https://www.mozilla.org/en-US/firefox/new/">
                    <img src="../files/assets/images/browser/firefox.png" alt="Firefox">
                    <div>Firefox</div>
                </a>
            </li>
            <li>
                <a href="http://www.opera.com">
                    <img src="../files/assets/images/browser/opera.png" alt="Opera">
                    <div>Opera</div>
                </a>
            </li>
            <li>
                <a href="https://www.apple.com/safari/">
                    <img src="../files/assets/images/browser/safari.png" alt="Safari">
                    <div>Safari</div>
                </a>
            </li>
            <li>
                <a href="http://windows.microsoft.com/en-us/internet-explorer/download-ie">
                    <img src="../files/assets/images/browser/ie.png" alt="">
                    <div>IE (9 & above)</div>
                </a>
            </li>
        </ul>
    </div>
    <p>Sorry for the inconvenience!</p>
</div>
<![endif]-->
    <!-- Warning Section Ends -->
    <!-- Required Jquery -->
    <script type="text/javascript" src="..\files\bower_components\jquery\js\jquery.min.js"></script>
    <script type="text/javascript" src="..\files\bower_components\jquery-ui\js\jquery-ui.min.js"></script>
    <script type="text/javascript" src="..\files\bower_components\popper.js\js\popper.min.js"></script>
    <script type="text/javascript" src="..\files\bower_components\bootstrap\js\bootstrap.min.js"></script>
    <!-- jquery slimscroll js -->
    <script type="text/javascript" src="..\files\bower_components\jquery-slimscroll\js\jquery.slimscroll.js"></script>
    <!-- modernizr js -->
    <script type="text/javascript" src="..\files\bower_components\modernizr\js\modernizr.js"></script>
    <script type="text/javascript" src="..\files\bower_components\modernizr\js\css-scrollbars.js"></script>

    <!-- i18next.min.js -->
    <script type="text/javascript" src="..\files\bower_components\i18next\js\i18next.min.js"></script>
    <script type="text/javascript" src="..\files\bower_components\i18next-xhr-backend\js\i18nextXHRBackend.min.js"></script>
    <script type="text/javascript" src="..\files\bower_components\i18next-browser-languagedetector\js\i18nextBrowserLanguageDetector.min.js"></script>
    <script type="text/javascript" src="..\files\bower_components\jquery-i18next\js\jquery-i18next.min.js"></script>
    <!-- Custom js -->
    <script type="text/javascript" src="..\files\assets\pages\flag-icons.js"></script>

    <script src="..\files\assets\js\pcoded.min.js"></script>
    <script src="..\files\assets\js\vartical-layout.min.js"></script>
    <script src="..\files\assets\js\jquery.mCustomScrollbar.concat.min.js"></script>
    <script type="text/javascript" src="..\files\assets\js\script.js"></script>
<!-- Global site tag (gtag.js) - Google Analytics -->
<script async="" src="https://www.googletagmanager.com/gtag/js?id=UA-23581568-13"></script>
<script>
  window.dataLayer = window.dataLayer || [];
  function gtag(){dataLayer.push(arguments);}
  gtag('js', new Date());

  gtag('config', 'UA-23581568-13');
</script>
</body>

</html>
